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 2

SubscribeButton - limit props passing

Browse source
This commit is contained in:
Collin M. Barrett 2019-08-31 20:23:28 -05:00
parent 3f5c9f81e8
commit ad37bc4dee
1 changed files with 27 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,5 @@
import { Button } from 'antd';
import { ButtonProps, ButtonType } from 'antd/lib/button';
import { ButtonType } from 'antd/lib/button';
import React from 'react';
interface Props {
@ -10,28 +10,40 @@ interface Props {
export const SubscribeButtons = (props: Props) =>
<>
<PrimaryButton {...props} />
<MirrorButtons {...props} />
<PrimaryButton name={props.name} viewUrl={props.viewUrl} />
<MirrorButtons name={props.name} viewUrlMirrors={props.viewUrlMirrors} />
</>;
const PrimaryButton = (props: Props) => {
interface PrimaryButtonProps {
name: string;
viewUrl: string;
};
const PrimaryButton = (props: PrimaryButtonProps) => {
const buttonProps = buildButtonProps(props.name, props.viewUrl);
return (
<Button disabled={buttonProps[1]}
<Button
disabled={buttonProps.disabled}
block
icon="import"
{...buttonProps[0]}>
type={buttonProps.type}
href={buttonProps.href}
title={buttonProps.title}>
Subscribe
</Button>
);
};
const MirrorButtons = (props: Props) =>
interface MirrorButtonsProps {
name: string;
viewUrlMirrors: string[];
};
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} />
)
<MirrorButton key={i} index={i} viewUrlMirror={viewUrlMirror} name={props.name} />)
: null}
</>;
@ -45,16 +57,18 @@ const MirrorButton = (props: MirrorButtonProps) => {
const buttonProps = buildButtonProps(props.name, props.viewUrlMirror);
return (
<Button
disabled={buttonProps[1]}
disabled={buttonProps.disabled}
block
icon="import"
{...buttonProps[0]}>
type={buttonProps.type}
href={buttonProps.href}
title={buttonProps.title}>
{`Subscribe (Mirror ${props.index + 1})`}
</Button>
);
};
const buildButtonProps = (name: string, viewUrl: string): [ButtonProps, boolean] => {
const buildButtonProps = (name: string, viewUrl: string) => {
let type: ButtonType = "primary";
let disabled: boolean = false;
@ -86,5 +100,5 @@ const buildButtonProps = (name: string, viewUrl: string): [ButtonProps, boolean]
const title = `${prefixes.length ? prefixes.join(" | ") + " | " : ""}${message}`;
return [{ type, href, title }, disabled];
return { disabled, type, href, title };
};