add link to restriction items

Coflnet · Nov 11, 2024 · da1c3f6 · da1c3f6
1 parent 628dae2
commit da1c3f6
Showing 1 changed file with 27 additions and 17 deletions.
diff --git 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) {
                                 <Tooltip
                                     type="hover"
                                     content={
-                                        <a href={`/item/${props.restriction.item.tag}`} target="_blank" rel="noreferrer">
+                                        <a
+                                            href={`/item/${props.restriction.item.tag}${
+                                                props.restriction.itemFilter ? `${btoaUnicode(JSON.stringify(props.restriction.itemFilter))}` : ''
+                                            }`}
+                                            target="_blank"
+                                            rel="noreferrer"
+                                        >
                                             <OpenInNewIcon />
                                         </a>
                                     }
@@ -188,9 +195,12 @@ export default function FlipRestrictionListEntry(props: Props) {
                                 props.onRestrictionChange(newRestriction)
                             }}
                         />
-                    ) : (props.restriction.item?.tag.startsWith('STARRED_') ? (
-                        <p>Note that you will need to add the <code>Fragged</code> filter to select only fragged items. This currently selects both fragged and not fragged.</p>
-                    ) : null)}
+                    ) : props.restriction.item?.tag.startsWith('STARRED_') ? (
+                        <p>
+                            Note that you will need to add the <code>Fragged</code> filter to select only fragged items. This currently selects both fragged and
+                            not fragged.
+                        </p>
+                    ) : null}
                     <div className="ellipse">
                         {props.restriction.tags?.map(tag => (
                             <Badge