+
+
+ {loadingCurrentPath
+ ?
+
+
+ One sec, getting NFTs...
+
+
+ : !sourceFiles.length
+ ?
+
+
+ No NFTs to show
+
+
+ :
+ {sourceFiles?.map((sourceFile, i) =>
+
+ )
+ }
+
+ }
+
+ )
+}
+
+export default NFTsList
diff --git a/packages/storage-ui/src/Components/Pages/NFTsPage.tsx b/packages/storage-ui/src/Components/Pages/NFTsPage.tsx
new file mode 100644
index 0000000000..2f7078a5c6
--- /dev/null
+++ b/packages/storage-ui/src/Components/Pages/NFTsPage.tsx
@@ -0,0 +1,77 @@
+import React, { useCallback, useEffect, useState } from "react"
+import { useStorage, FileSystemItem } from "../../Contexts/StorageContext"
+import { IFileBrowserModuleProps } from "../../Contexts/types"
+import { useStorageApi } from "../../Contexts/StorageApiContext"
+import { FileBrowserContext } from "../../Contexts/FileBrowserContext"
+import { parseFileContentResponse } from "../../Utils/Helpers"
+import { useLocalStorage } from "@chainsafe/browser-storage-hooks"
+import { DISMISSED_SURVEY_KEY } from "../Modules/SurveyBanner"
+import { usePageTrack } from "../../Contexts/PosthogContext"
+import { Helmet } from "react-helmet-async"
+import NFTsList from "../Modules/NFTsList/NFTsList"
+
+
+const BucketPage: React.FC