Changed favicon and updated env.

MrDemonWolf · Oct 19, 2023 · 4cf6918 · 4cf6918
1 parent a4e9a5d
commit 4cf6918
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 11 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/components/Navigation/logged-in.tsx b/src/components/Navigation/logged-in.tsx
@@ -10,10 +10,9 @@ import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
 import LoggedOut from "~/components/Navigation/logged-out";
 import ThemeToggle from "../theme-toggle";
 
-export default function Example() {
+export default function LoggedIn() {
   const { data: sessionData } = useSession();
   if (!sessionData) return <LoggedOut />;
-  console.log(sessionData);
   return (
     <Disclosure as="header" className="bg-gray-800">
       {({ open }) => (
@@ -29,6 +28,9 @@ export default function Example() {
                     width={32}
                     height={32}
                   />
+                  <span className="ml-4 align-middle dark:text-white">
+                    Streamer Quick Info
+                  </span>
                 </div>
               </div>
               <div className="relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0">
@@ -96,11 +98,11 @@ export default function Example() {
                     leaveFrom="transform opacity-100 scale-100"
                     leaveTo="transform opacity-0 scale-95"
                   >
-                    <Menu.Items className="absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
+                    <Menu.Items className="absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-gray-500">
                       <Menu.Item
                         as="button"
                         onClick={() => void signOut()}
-                        className="block w-full  px-4 py-2 text-sm text-gray-700"
+                        className="block w-full  px-4 py-2 text-sm text-gray-700 dark:text-white"
                       >
                         Sign Out
                       </Menu.Item>

diff --git a/src/components/Navigation/logged-out.tsx b/src/components/Navigation/logged-out.tsx
@@ -3,7 +3,7 @@ import { signIn } from "next-auth/react";
 
 import { Disclosure } from "@headlessui/react";
 
-export default function Example() {
+export default function LoggedOut() {
   return (
     <Disclosure as="header" className="bg-gray-800">
       <>

diff --git a/src/env.mjs b/src/env.mjs
@@ -33,6 +33,9 @@ export const env = createEnv({
    */
   client: {
     // NEXT_PUBLIC_CLIENTVAR: z.string(),
+    NEXT_PUBLIC_APP_NAME: z.string().default("Twitch Auth"),
+    NEXT_PUBLIC_APP_DESCRIPTION: z.string().default("Twitch Auth"),
+    NEXT_PUBLIC_TWITTER_HANDLE: z.string().default(""),
   },
 
   /**
@@ -45,6 +48,9 @@ export const env = createEnv({
     NEXTAUTH_URL: process.env.NEXTAUTH_URL,
     TWITCH_CLIENT_ID: process.env.TWITCH_CLIENT_ID,
     TWITCH_CLIENT_SECRET: process.env.TWITCH_CLIENT_SECRET,
+    NEXT_PUBLIC_APP_NAME: process.env.NEXT_PUBLIC_APP_NAME,
+    NEXT_PUBLIC_APP_DESCRIPTION: process.env.NEXT_PUBLIC_APP_DESCRIPTION,
+    NEXT_PUBLIC_TWITTER_HANDLE: process.env.NEXT_PUBLIC_TWITTER_HANDLE,
     // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
   },
   /**

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,12 +1,6 @@
-import { useSession } from "next-auth/react";
-
 import DefaultLayout from "~/components/layout/default";
 
 export default function Home() {
-  const { data: sessionData } = useSession();
-
-  console.log(sessionData);
-
   return (
     <>
       <DefaultLayout></DefaultLayout>