mirror of
https://github.com/Unleash/unleash.git
synced 2025-08-23 13:46:45 +02:00
refactor: derive methods
This commit is contained in:
parent
b3fe230665
commit
f10ee73eee
@ -94,6 +94,18 @@ const VARIANT_OPTIONS = [
|
|||||||
type IconOption = 'Default' | 'Custom' | 'None';
|
type IconOption = 'Default' | 'Custom' | 'None';
|
||||||
type LinkOption = 'Link' | 'Dialog' | 'None';
|
type LinkOption = 'Link' | 'Dialog' | 'None';
|
||||||
|
|
||||||
|
const deriveIconOption = (icon: string): IconOption => {
|
||||||
|
if (icon === '') return 'Default';
|
||||||
|
if (icon === 'none') return 'None';
|
||||||
|
return 'Custom';
|
||||||
|
};
|
||||||
|
|
||||||
|
const deriveLinkOption = (link: string): LinkOption => {
|
||||||
|
if (link === '') return 'None';
|
||||||
|
if (link === 'dialog') return 'Dialog';
|
||||||
|
return 'Link';
|
||||||
|
};
|
||||||
|
|
||||||
interface IBannerFormProps {
|
interface IBannerFormProps {
|
||||||
enabled: boolean;
|
enabled: boolean;
|
||||||
message: string;
|
message: string;
|
||||||
@ -137,20 +149,16 @@ export const BannerForm = ({
|
|||||||
}: IBannerFormProps) => {
|
}: IBannerFormProps) => {
|
||||||
const [previewDialogOpen, setPreviewDialogOpen] = useState(false);
|
const [previewDialogOpen, setPreviewDialogOpen] = useState(false);
|
||||||
|
|
||||||
const [iconOption, setIconOption] = useState<IconOption>(
|
const [iconOption, setIconOption] = useState<IconOption>(() =>
|
||||||
icon === '' ? 'Default' : icon === 'none' ? 'None' : 'Custom',
|
deriveIconOption(icon),
|
||||||
);
|
);
|
||||||
const [linkOption, setLinkOption] = useState<LinkOption>(
|
const [linkOption, setLinkOption] = useState<LinkOption>(() =>
|
||||||
link === '' ? 'None' : link === 'dialog' ? 'Dialog' : 'Link',
|
deriveLinkOption(link),
|
||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
setIconOption(
|
setIconOption(deriveIconOption(icon));
|
||||||
icon === '' ? 'Default' : icon === 'none' ? 'None' : 'Custom',
|
setLinkOption(deriveLinkOption(link));
|
||||||
);
|
|
||||||
setLinkOption(
|
|
||||||
link === '' ? 'None' : link === 'dialog' ? 'Dialog' : 'Link',
|
|
||||||
);
|
|
||||||
}, [icon, link]);
|
}, [icon, link]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
Loading…
Reference in New Issue
Block a user