chore: fix types and cleanup (#90)

* chore: fix type and cleanup * chore: remove unused default value * chore: remove unused from index.tsx * chore: remove local * chore: remove unused import
rectangle-factory · Aug 9, 2022 · 0ece05a · 0ece05a
1 parent e8aab94
commit 0ece05a
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 76 deletions.
diff --git a/packages/inspector/components/TraitsTable.tsx b/packages/inspector/components/TraitsTable.tsx
@@ -1,18 +1,7 @@
-import { trait } from "../types";
+import { Trait } from "../types";
 import { isOdd } from "../util";
 
-export const TraitsTable = ({
-  name,
-  loading,
-  tokenId,
-  attributes,
-}: {
-  name: string;
-  loading: boolean;
-  tokenId: number;
-  attributes: trait[];
-}) => {
-  const Loading = () => "loading";
+export const TraitsTable = ({ name, attributes }: { name: string; attributes: Trait[] }) => {
   return (
     <div className="flex w-full flex-col">
       <span className="w-full px-8 py-2 text-label font-bold bg-[#21262d]">{name}</span>

diff --git a/packages/inspector/hooks/useLocalRPC.tsx b/packages/inspector/hooks/useLocalRPC.tsx
@@ -16,16 +16,6 @@ type NFTState = {
   rawSvg: string;
 };
 
-const nftStateDefault: NFTState = {
-  status: FetchStatus.UNFETCHED,
-  metadata: {
-    image: "",
-    attributes: [],
-  },
-  tokenId: -1,
-  rawSvg: "",
-};
-
 const LOCAL_RPC_URI = "http://localhost:8545";
 export const useLocalRPC = () => {
   const [bibosContract, setBibosContract] = useState<Contract>(null);

diff --git a/packages/inspector/pages/index.tsx b/packages/inspector/pages/index.tsx
@@ -1,10 +1,8 @@
 import { useState } from "react";
-import SyntaxHighlighter from "react-syntax-highlighter";
 import { xml } from "@codemirror/lang-xml";
 import { EditorView } from "@codemirror/view";
-import { basicSetup } from "codemirror";
 import CodeMirror from "@uiw/react-codemirror";
-import { syntaxHighlighting, bracketMatching, foldGutter, codeFolding } from "@codemirror/language";
+import { syntaxHighlighting, foldGutter, codeFolding } from "@codemirror/language";
 import { highlightDark, themeDark } from "../components/CodeMirrorTheme";
 
 import { FetchStatus } from "../types";
@@ -37,7 +35,6 @@ export default function Index() {
           <CodeMirror
             className="w-full h-full border-none scrollbar-none"
             value={formattedSvg}
-            // height={ '100%' }
             basicSetup={{
               foldGutter: false,
             }}
@@ -106,12 +103,7 @@ export default function Index() {
           />
         </div>
 
-        <TraitsTable
-          loading={status == FetchStatus.UNFETCHED}
-          tokenId={token.tokenId}
-          name={token.name}
-          attributes={token.attributes}
-        />
+        <TraitsTable name={token.name} attributes={token.attributes} />
         <HorizontalRule />
         <Toolbar>
           <Button

diff --git a/packages/inspector/pages/local.tsx b/packages/inspector/pages/local.tsx