Fix prettier

package.json

@@ -35,6 +35,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
     "prettier": "^2.8.8",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "typescript": "^5.0.2",
     "vite": "^4.3.2"
   }

src/DisplayNpc.tsx

@@ -1,10 +1,5 @@
 import jsoncrush from "jsoncrush";
-import {
-  debugNodeToString,
-  generate,
-  Npc,
-  NpcGenerateOptions,
-} from "npc-generator";
+import { debugNodeToString, generate, Npc, NpcGenerateOptions } from "npc-generator";
 import React from "react";
 import { Col, Row } from "react-bootstrap";
 import { v4 as uuidV4 } from "uuid";
@@ -58,23 +53,11 @@ export default function DisplayNpc() {
               <div className="title-image-wrapper">
                 <div className="title-image" />
               </div>
-              <UserInput
-                npc={npcUid.npc}
-                generate={generateNpc}
-                onToggleHistory={handleToggleHistory}
-              />
+              <UserInput npc={npcUid.npc} generate={generateNpc} onToggleHistory={handleToggleHistory} />
             </div>
           </Col>
           <Col sm={12} md={7} lg={9}>
-            {isShowingHistory ? (
-              <NpcHistory
-                activeNpcUid={npcUid.uid || ""}
-                npcHistory={npcHistory}
-                onLoadNpc={handleLoadNpc}
-              />
-            ) : (
-              <NpcData npc={npcUid.npc} />
-            )}
+            {isShowingHistory ? <NpcHistory activeNpcUid={npcUid.uid || ""} npcHistory={npcHistory} onLoadNpc={handleLoadNpc} /> : <NpcData npc={npcUid.npc} />}
             <Footer />
           </Col>
           <Icons8Disclaimer name="Npc" iconId="aFoL19SWLxKa/npc" />
@@ -93,9 +76,7 @@ function useNpcFromQuery(): GeneratedNpc | null {
   if (url.searchParams.has("d")) {
     try {
       const crushedJson = url.searchParams.get("d") || "";
-      const npc: Npc | null = JSON.parse(
-        jsoncrush.uncrush(decodeURIComponent(crushedJson))
-      );
+      const npc: Npc | null = JSON.parse(jsoncrush.uncrush(decodeURIComponent(crushedJson)));
       return npc ? { npc, uid: crushedJson } : null;
     } catch (e) {
       console.error(e);
@@ -107,11 +88,7 @@ function useNpcFromQuery(): GeneratedNpc | null {
 function Icons8Disclaimer(props: { name: string; iconId: string }) {
   return (
     <div>
-      <a
-        target="_blank"
-        href={`https://icons8.com/icon/${props.iconId}`}
-        rel="noreferrer"
-      >
+      <a target="_blank" href={`https://icons8.com/icon/${props.iconId}`} rel="noreferrer">
         {props.name}
       </a>{" "}
       icon by{" "}

src/main.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.tsx";
 
-ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-)
+);

src/typings.d.ts

@@ -4,4 +4,4 @@ export interface GeneratedNpc {
   npc: Npc;
   uid: string;
   generatedAt?: string;
-}
+}