refresh, wallet, mobile

.gitignore

@@ -1,5 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+.env
+
 # dependencies
 /node_modules
 /.pnp

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "useTabs": false
+}

components/Header.tsx

@@ -0,0 +1,33 @@
+import Image from "next/image";
+import { useState } from "react";
+
+const Header = () => {
+  const [isConnected, setIsConnected] = useState(false);
+
+  const handleConnect = () => {
+    // Implement your connection logic here
+    setIsConnected(!isConnected);
+  };
+
+  return (
+    <header className="flex items-center justify-between bg-base-100 px-4 py-2 shadow-md">
+      <div className="flex items-center">
+        <Image
+          src="/initials.svg"
+          alt="Logo"
+          width={50}
+          height={50}
+          className="mr-2"
+        />
+      </div>
+      <button
+        onClick={handleConnect}
+        className={`btn ${isConnected ? "btn-secondary" : "btn-primary"}`}
+      >
+        {isConnected ? "Disconnect" : "Connect"}
+      </button>
+    </header>
+  );
+};
+
+export default Header;

components/home/DesktopIconsBasic.tsx

@@ -5,43 +5,42 @@ import Help from "../apps/help";
 import { useAppLauncher } from "../../hooks/useAppLauncher";
 
 export function DesktopIconsBasic() {
-
   return (
     <div className="absolute bottom-12 flex w-full flex-row justify-between px-16 sm:top-24 sm:left-10 sm:w-fit sm:flex-col  sm:justify-start sm:space-x-0 sm:space-y-8 sm:px-0">
-      <a
-        target="_blank"
-        href="https://discord.gg/wAjEq3CM"
-      >
+      <a target="_blank" href="https://discord.gg/wAjEq3CM">
         <div className="flex flex-col items-center space-y-1">
           <Image src="/desktop-icons/Computer.png" width={50} height={50} />
           <p className="font-mono">Discord</p>
         </div>
       </a>
-      <a
+      {/* <a
         target="_blank"
         href="https://krausehousework.notion.site/Krause-House-Contributor-Dashboard-a00860761dd4486792aed12cc8187ce2"
       >
         <div className="flex flex-col items-center space-y-1">
           <Image src="/desktop-icons/Files.png" width={50} height={50} />
-          <p className="font-mono">Files</p>
+          <p className="font-mono">FAQ</p>
         </div>
-      </a>
-      <a
+      </a> */}
+      {/* <a
         target="_blank"
         href="https://krausehousework.notion.site/Krause-House-Contributor-Dashboard-a00860761dd4486792aed12cc8187ce2"
       >
         <div className="flex flex-col items-center space-y-1">
           <Image src="/desktop-icons/Suit.png" width={40} height={50} />
           <p className="font-mono">Notion</p>
         </div>
+      </a> */}
+      <a target="_blank" href="https://snapshot.org/#/krausehouse.eth/">
+        <div className="flex flex-col items-center space-y-1">
+          <Image src="/desktop-icons/Suit.png" width={40} height={50} />
+          <p className="font-mono">Voting</p>
+        </div>
       </a>
-      <a
-        target="_blank"
-        href="https://calendar.google.com/calendar/u/0?cid=dTRobTU2NDQ4NWZoN201MHR0Z2N2NTNlNmdAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ"
-      >
+      <a target="_blank" href="https://www.ballhogs.club/">
         <div className="flex flex-col items-center space-y-1">
           <Image src="/desktop-icons/Doc.png" width={40} height={50} />
-          <p className="font-mono">Calendar</p>
+          <p className="font-mono">FAQ</p>
         </div>
       </a>
     </div>