banner updates

ChainSafe · May 29, 2024 · a4c8972 · a4c8972
1 parent 5ec8541
commit a4c8972
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/packages/storage-ui/src/Components/Modules/FilesList/FilesList.tsx b/packages/storage-ui/src/Components/Modules/FilesList/FilesList.tsx
@@ -359,6 +359,8 @@ const FilesList = () => {
   const [isSurveyBannerVisible, setIsSurveyBannerVisible] = useState(true)
   const [contextMenuPosition, setContextMenuPosition] = useState<AnchorMenuPosition | null>(null)
 
+  console.log(accountBlacklisted)
+
   const items: FileSystemItemType[] = useMemo(() => {
     let temp = []
 

diff --git a/packages/storage-ui/src/Components/Pages/BucketsPage.tsx b/packages/storage-ui/src/Components/Pages/BucketsPage.tsx
@@ -30,6 +30,7 @@ import { usePageTrack } from "../../Contexts/PosthogContext"
 import { Bucket, FileSystemType } from "@chainsafe/files-api-client"
 import { Helmet } from "react-helmet-async"
 import AnchorMenu, { AnchorMenuPosition } from "../UI-components/AnchorMenu"
+import BlacklistedModeBanner from "../Elements/BlacklistedModeBanner"
 
 export const desktopGridSettings = "2fr 5fr 150px 150px 50px !important"
 export const mobileGridSettings = "1fr 150px 110px 50px !important"
@@ -127,7 +128,7 @@ type SortDirection = "ascend" | "descend"
 const BucketsPage = () => {
   const classes = useStyles()
   const { storageBuckets, createBucket, refreshBuckets, removeBucket, editBucket } = useStorage()
-  const { accountRestricted } = useStorageApi()
+  const { accountRestricted, accountBlacklisted } = useStorageApi()
   const [isCreateBucketModalOpen, setIsCreateBucketModalOpen] = useState(false)
   const [bucketToRemove, setBucketToRemove] = useState<Bucket | undefined>()
   const [isRemovingBucket, setIsRemovingBucket] = useState(false)
@@ -363,9 +364,8 @@ const BucketsPage = () => {
             )}
         </TableBody>
       </Table>
-      {accountRestricted &&
-        <RestrictedModeBanner />
-      }
+      {accountRestricted && <RestrictedModeBanner />}
+      {accountBlacklisted && <BlacklistedModeBanner />}
       <CustomModal
         active={isCreateBucketModalOpen}
         className={classes.createBucketModal}

diff --git a/packages/storage-ui/src/Components/Pages/CidsPage.tsx b/packages/storage-ui/src/Components/Pages/CidsPage.tsx
@@ -23,6 +23,7 @@ import { useStorageApi } from "../../Contexts/StorageApiContext"
 import { usePageTrack } from "../../Contexts/PosthogContext"
 import { Helmet } from "react-helmet-async"
 import { cid as isCid } from "is-ipfs"
+import BlacklistedModeBanner from "../Elements/BlacklistedModeBanner"
 
 export const desktopGridSettings = "2fr 3fr 180px 110px 80px 20px 70px !important"
 export const mobileGridSettings = "2fr 4fr 50px !important"
@@ -100,7 +101,7 @@ const CidsPage = () => {
     isLoadingPins,
     resetPins
   } = useStorage()
-  const { accountRestricted } = useStorageApi()
+  const { accountRestricted, accountBlacklisted } = useStorageApi()
   const [addCIDOpen, setAddCIDOpen] = useState(false)
   const [sortColumn, setSortColumn] = useState<SortColumn>("date_uploaded")
   const [sortDirection, setSortDirection] = useState<SortDirection>("descend")
@@ -294,9 +295,8 @@ const CidsPage = () => {
         close={() => setAddCIDOpen(false)}
         modalOpen={addCIDOpen}
       />
-      {accountRestricted &&
-        <RestrictedModeBanner />
-      }
+      {accountRestricted && <RestrictedModeBanner />}
+      {accountBlacklisted && <BlacklistedModeBanner />}
     </>
   )
 }