fix: change external black/whitelist names (#165) (#171)

2 files changed, 4 insertions, 3 deletions

diff --git a/components/TagMenu.tsx b/components/TagMenu.tsx
index 2a72e67..4841cbf 100644
--- a/components/TagMenu.tsx
+++ b/components/TagMenu.tsx
@@ -111,7 +111,7 @@ export const TagMenu = (props: TagMenuProps) => {
           }}
           icon={blacklist ? <MinusIcon /> : <ViewOffIcon />}
         >
-          {blacklist ? 'Remove from blacklist' : 'Add to blacklist'}
+          {blacklist ? 'Remove from blocklist' : 'Add to blocklist'}
         </MenuItem>
       )}
       {!blacklist && (
@@ -131,7 +131,7 @@ export const TagMenu = (props: TagMenuProps) => {
           }}
           icon={whitelist ? <MinusIcon /> : <ViewIcon />}
         >
-          {whitelist ? 'Remove from whitelist' : 'Add to whitelist'}
+          {whitelist ? 'Remove from allowlist' : 'Add to allowlist'}
         </MenuItem>
       )}
     </>
diff --git a/components/Tweaks/TagPanel.tsx b/components/Tweaks/TagPanel.tsx
index 8d63c6f..58f4b7d 100644
--- a/components/Tweaks/TagPanel.tsx
+++ b/components/Tweaks/TagPanel.tsx
@@ -17,6 +17,7 @@ export const TagPanel = (props: TagPanelProps) => {
   })
 
   const currentTags = mode === 'blacklist' ? 'tagsBlacklist' : 'tagsWhitelist'
+  const name = mode === 'blacklist' ? 'blocklist' : 'allowlist'
   const [selectedItems, setSelectedItems] = useState<typeof tagArray>(
     filter[currentTags].map((tag) => {
       return { value: tag, label: tag }
@@ -27,7 +28,7 @@ export const TagPanel = (props: TagPanelProps) => {
     <CUIAutoComplete
       labelStyleProps={{ fontWeight: 300, fontSize: 14 }}
       items={tagArray}
-      label={'Add tag to ' + mode}
+      label={`Add tag to ${name}`}
       placeholder=" "
       onCreateItem={(item) => null}
       disableCreateItem={true}