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

de-dup button def in SubscribeButtons

Browse source
This commit is contained in:
Collin M. Barrett 2019-09-01 15:45:32 -05:00
parent 1fb7231a83
commit 49decf6b98
1 changed files with 8 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/FilterLists.Web.V2/src/components/SubscribeButtons.tsx
View file

@ -10,30 +10,10 @@ interface Props {
export const SubscribeButtons = (props: Props) =>
<>
<PrimaryButton name={props.name} viewUrl={props.viewUrl} />
<SubscribeButton name={props.name} viewUrl={props.viewUrl} text="Subscribe" />
<MirrorButtons name={props.name} viewUrlMirrors={props.viewUrlMirrors} />
</>;
interface PrimaryButtonProps {
name: string;
viewUrl: string;
};
const PrimaryButton = (props: PrimaryButtonProps) => {
const buttonProps = buildButtonProps(props.name, props.viewUrl);
return (
<Button
disabled={buttonProps.disabled}
block
icon="import"
type={buttonProps.type}
href={buttonProps.href}
title={buttonProps.title}>
Subscribe
</Button>
);
};
interface MirrorButtonsProps {
name: string;
viewUrlMirrors: string[];
@ -43,18 +23,18 @@ const MirrorButtons = (props: MirrorButtonsProps) =>
<>
{props.viewUrlMirrors && props.viewUrlMirrors.length
? props.viewUrlMirrors.map((viewUrlMirror: string, i: number) =>
<MirrorButton key={i} index={i} viewUrlMirror={viewUrlMirror} name={props.name} />)
<SubscribeButton key={i} name={props.name} viewUrl={viewUrlMirror} text={`Subscribe (Mirror ${i + 1})`} />)
: null}
</>;
interface MirrorButtonProps {
index: number;
viewUrlMirror: string;
interface SubscribeButtonProps {
name: string;
viewUrl: string;
text: string;
};
const MirrorButton = (props: MirrorButtonProps) => {
const buttonProps = buildButtonProps(props.name, props.viewUrlMirror);
const SubscribeButton = (props: SubscribeButtonProps) => {
const buttonProps = buildButtonProps(props.name, props.viewUrl);
return (
<Button
disabled={buttonProps.disabled}
@ -63,7 +43,7 @@ const MirrorButton = (props: MirrorButtonProps) => {
type={buttonProps.type}
href={buttonProps.href}
title={buttonProps.title}>
{`Subscribe (Mirror ${props.index + 1})`}
{props.text}
</Button>
);
};