prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

tweak ListInfoButton

Browse source
This commit is contained in:
Collin M. Barrett 2019-08-26 21:04:49 -05:00
parent 8f0d579498
commit 7d37ae6e22
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/FilterLists.Web.V2/src/components/ListInfoButton.tsx
View file

@ -1,4 +1,4 @@
import { Button } from 'antd';
import { Button, Icon } from 'antd';
import React from 'react';
import { RouteComponentProps } from 'react-router-dom';
@ -8,12 +8,14 @@ interface Props {
list: List;
};
export const ListInfoButton = (props: RouteComponentProps & Props) =>
<Button
export const ListInfoButton = (props: RouteComponentProps & Props): JSX.Element => {
const listPath = `/lists/${props.list.id}`;
return <Button
type="primary"
icon="info-circle"
onClick={() => props.location.pathname === `/lists/${props.list.id}`
title={`View more information about ${props.list.name}.`}
onClick={() => props.location.pathname === listPath
? props.history.push("/")
: props.history.push(`/lists/${props.list.id}`)} >
Info
</Button>;
: props.history.push(listPath)} >
<Icon type="info-circle" />
</Button>
};