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

Author: tefkah

.github/workflows/ci.yml

@@ -36,6 +36,10 @@ jobs:
         uses: 'actions/checkout@v2'
         with:
           repository: '${{ github.repository }}'
+      - name: '[setup node]'  
+        uses: 'actions/setup-node@v2'
+        with:
+          node-version: '16'
       - name: '[lint]'
         run: |
           echo TBA some linting

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>
       )}
     </>

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}