diff --git a/components/Flipper/FlipRestrictionList/RestrictionListEntry/FlipRestrictionListEntry.tsx b/components/Flipper/FlipRestrictionList/RestrictionListEntry/FlipRestrictionListEntry.tsx index 75d5fc79..f195524b 100644 --- a/components/Flipper/FlipRestrictionList/RestrictionListEntry/FlipRestrictionListEntry.tsx +++ b/components/Flipper/FlipRestrictionList/RestrictionListEntry/FlipRestrictionListEntry.tsx @@ -11,6 +11,7 @@ import DuplicateIcon from '@mui/icons-material/ControlPointDuplicate' import DeleteIcon from '@mui/icons-material/Delete' import { MouseEventHandler } from 'react' import OpenInNewIcon from '@mui/icons-material/OpenInNew' +import { btoaUnicode } from '../../../../utils/Base64Utils' interface Props { restriction: FlipRestriction @@ -87,10 +88,10 @@ export default function FlipRestrictionListEntry(props: Props) { let newItem: Item | undefined = items && items.length > 0 ? { - tag: items[0].id, - name: items[0].dataItem.name, - iconUrl: items[0].dataItem.iconUrl - } + tag: items[0].id, + name: items[0].dataItem.name, + iconUrl: items[0].dataItem.iconUrl + } : undefined let newRestriction = { ...props.restriction } newRestriction.item = newItem @@ -100,15 +101,15 @@ export default function FlipRestrictionListEntry(props: Props) { defaultSelected={ props.restriction.item ? [ - { - dataItem: { - iconUrl: props.restriction.item.iconUrl || '', - name: props.restriction.item.name || '-' - }, - id: props.restriction.item.tag || '', - label: props.restriction.item.name || '-' - } as unknown as SearchResultItem - ] + { + dataItem: { + iconUrl: props.restriction.item.iconUrl || '', + name: props.restriction.item.name || '-' + }, + id: props.restriction.item.tag || '', + label: props.restriction.item.name || '-' + } as unknown as SearchResultItem + ] : undefined } /> @@ -142,7 +143,13 @@ export default function FlipRestrictionListEntry(props: Props) { + } @@ -188,9 +195,12 @@ export default function FlipRestrictionListEntry(props: Props) { props.onRestrictionChange(newRestriction) }} /> - ) : (props.restriction.item?.tag.startsWith('STARRED_') ? ( -

Note that you will need to add the Fragged filter to select only fragged items. This currently selects both fragged and not fragged.

- ) : null)} + ) : props.restriction.item?.tag.startsWith('STARRED_') ? ( +

+ Note that you will need to add the Fragged filter to select only fragged items. This currently selects both fragged and + not fragged. +

+ ) : null}
{props.restriction.tags?.map(tag => (