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

refactor SubscribeButton for SRP -> Primary Button & MirrorButtons

Browse source
This commit is contained in:
Collin M. Barrett 2019-08-31 12:56:57 -05:00
parent 84c19f63e6
commit e6758349fb
1 changed files with 23 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/FilterLists.Web.V2/src/components/SubscribeButton.tsx
View file

@ -10,15 +10,26 @@ interface Props {
export const SubscribeButton = (props: Props) => {
const buttonProps = buildButtonProps(props.name, props.viewUrl);
return <span>
<Button disabled={buttonProps[1]}
block
icon="import"
{...buttonProps[0]}>
Subscribe
</Button>
{props.viewUrlMirrors && props.viewUrlMirrors.length &&
props.viewUrlMirrors.map((viewUrlMirror: string, i: number) => {
return (
<>
<PrimaryButton {...buttonProps} />
<MirrorButtons {...props} />
</>
)
};
const PrimaryButton = (props: [ButtonProps, boolean]) =>
<Button disabled={props[1]}
block
icon="import"
{...props[0]}>
Subscribe
</Button>;
const MirrorButtons = (props: Props) =>
<>
{props.viewUrlMirrors && props.viewUrlMirrors.length
? props.viewUrlMirrors.map((viewUrlMirror: string, i: number) => {
const buttonProps = buildButtonProps(props.name, viewUrlMirror);
return <Button key={i}
disabled={buttonProps[1]}
@ -27,9 +38,9 @@ export const SubscribeButton = (props: Props) => {
{...buttonProps[0]}>
{`Subscribe (Mirror ${i + 1})`}
</Button>
})}
</span>
};
})
: null}
</>;
const buildButtonProps = (name: string, viewUrl: string): [ButtonProps, boolean] => {
let type: ButtonType = "primary";