Server sidebar

src/App.tsx

@@ -1,29 +1,21 @@
-import { useRef, useState } from "react";
-import { invoke } from "@tauri-apps/api/core";
+import { useRef } from "react";
 import Enclave from "@/app/app";
-import { Button } from "@/components/ui/button";
-
-function App() {
-  const [greetMsg, setGreetMsg] = useState("");
-  const [name, setName] = useState("");
 
+export default function App() {
   const appRef = useRef<Enclave | null>(null);
   if (!appRef.current) {
     appRef.current = new Enclave();
   }
 
-  async function greet() {
-    // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
-    setGreetMsg(await invoke("greet", { name }));
-  }
-
   return (
-    <main>
-      <div>
-        <Button>yo</Button>
-      </div>
+    <main className="size-screen dark bg-background">
+      <aside className="bg-card w-16 h-screen p-2 flex flex-col gap-2.5">
+        <img
+          src="https://github.com/selimaj-dev.png"
+          className="rounded-full"
+        />
+        <img src="https://github.com/selimaj-dev.png" className="rounded-lg" />
+      </aside>
     </main>
   );
 }
-
-export default App;