for now use local hosted api and update infoView

WolvenKit · Feb 9, 2025 · 4f3b29c · 4f3b29c
1 parent b82338b
commit 4f3b29c
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 42 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/lib/lizzy.ts b/src/lib/lizzy.ts
@@ -2,52 +2,57 @@ export interface Warning {
   ID: number;
   IssuedTime: string; // ISO 8601 date string
   Reason: string;
-  Issuer: string;
+  IssuerName: string;
 }
 
 export interface LizzyMemberInfo {
   DiscordId: string;
-  Status: "Warned" | "Kicked" | "Banned";
+  Status: "Warn" | "Kick" | "Ban";
   WarningLevel: number;
   WarningCount: number;
   LastWarning: string; // ISO 8601 date string
   LastReason: string;
-  Resolve: null;
+  Resolved: boolean;
   Warnings: Warning[];
 }
 
-export const data: LizzyMemberInfo = {
-  DiscordId: "879182739817238123",
-  Status: "Warned",
-  WarningLevel: 3,
-  WarningCount: 14,
-  LastWarning: "2021-10-10T12:00:00Z",
-  LastReason: "Because they've been a dick.",
-  Resolve: null,
-  Warnings: [
-    {
-      ID: 1,
-      IssuedTime: "2021-10-10T12:00:00Z",
-      Reason: "Because",
-      Issuer: "Manfred",
-    },
-    {
-      ID: 2,
-      IssuedTime: "2021-10-10T12:00:00Z",
-      Reason: "Because",
-      Issuer: "Gustaf",
-    },
-    {
-      ID: 3,
-      IssuedTime: "2021-10-10T12:00:00Z",
-      Reason: "Because",
-      Issuer: "Zhin",
-    },
-    {
-      ID: 4,
-      IssuedTime: "2021-10-10T12:00:00Z",
-      Reason: "Because",
-      Issuer: "Everyone",
-    },
-  ],
-};
+export const data: LizzyMemberInfo = await fetch("http://localhost:3000/api/web/user/moderation/697882016892321843")
+  .then((response) => response)
+  .then((res) => res.json())
+  .catch((error) => console.error(error));
+
+// export const data: LizzyMemberInfo = {
+//   DiscordId: "879182739817238123",
+//   Status: "Warned",
+//   WarningLevel: 3,
+//   WarningCount: 14,
+//   LastWarning: "2021-10-10T12:00:00Z",
+//   LastReason: "Because they've been a dick.",
+//   Resolve: null,
+//   Warnings: [
+//     {
+//       ID: 1,
+//       IssuedTime: "2021-10-10T12:00:00Z",
+//       Reason: "Because",
+//       Issuer: "Manfred",
+//     },
+//     {
+//       ID: 2,
+//       IssuedTime: "2021-10-10T12:00:00Z",
+//       Reason: "Because",
+//       Issuer: "Gustaf",
+//     },
+//     {
+//       ID: 3,
+//       IssuedTime: "2021-10-10T12:00:00Z",
+//       Reason: "Because",
+//       Issuer: "Zhin",
+//     },
+//     {
+//       ID: 4,
+//       IssuedTime: "2021-10-10T12:00:00Z",
+//       Reason: "Because",
+//       Issuer: "Everyone",
+//     },
+//   ],
+// };
diff --git a/src/views/InfoView.tsx b/src/views/InfoView.tsx
@@ -4,6 +4,8 @@ import { DataRow } from "../components/DataRow";
 import { discordData } from "../lib/discord";
 
 export function InfoView() {
+  console.log(data);
+
   const [info] = createResource(() => data);
   const [user] = createResource(() => discordData);
 
@@ -15,18 +17,25 @@ export function InfoView() {
 
       <div class="flex w-full flex-wrap items-start gap-x-8 gap-y-4">
         <dl class="mr-auto grid grid-cols-[auto_auto] gap-x-4 gap-y-2 text-xl">
-          <DataRow key="Status:" value={info()?.Status} />
+          <DataRow key="Status:" value={info()?.Status ?? "Clear"} />
           <DataRow key="Warning Level:" value={info()?.WarningLevel || 0} />
           <DataRow key="Warning Count:" value={info()?.WarningCount || 0} />
         </dl>
 
         <dl class="mr-auto grid grid-cols-[auto_auto] gap-x-4 gap-y-2 text-xl">
           <DataRow
             key="Last Warning:"
-            value={<time datetime={info()?.LastWarning}>{new Date(info()?.LastWarning || 0).toLocaleString()}</time>}
+            value={<time datetime={info()?.LastWarning}>{ info()?.LastWarning ? new Date(info()?.LastWarning || 0).toLocaleString() : ""}</time>}
           />
           <DataRow key="Last Reason:" value={info()?.LastReason} />
-          <DataRow key="Resolve:" value={info()?.Resolve} />
+          <DataRow
+            key="Resolved:"
+            value={
+              String(info()?.Resolved ?? true)
+                .charAt(0)
+                .toUpperCase() + String(info()?.Resolved ?? true).slice(1)
+            }
+          />
         </dl>
       </div>
 
@@ -42,7 +51,10 @@ export function InfoView() {
 
                 <dl class="inline-grid grid-cols-[auto_auto] gap-x-4">
                   <DataRow key="Reason:" value={warning.Reason} />
-                  <DataRow key="Issuer:" value={warning.Issuer} />
+                  <DataRow
+                    key="Issuer:"
+                    value={warning.IssuerName.charAt(0).toUpperCase() + warning.IssuerName.slice(1)}
+                  />
                 </dl>
               </li>
             )}