Merge pull request #32 from kawanofer/refactor/web/github-corner

refactor: change the github icon to the corner of the page
brunocroh · Jun 7, 2024 · a5e8eda · a5e8eda
2 parents 41ac852 + e9ff261
commit a5e8eda
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 24 deletions.
diff --git a/apps/web/components/github-corner.tsx → apps/web/app/components/github-corner.tsx b/apps/web/components/github-corner.tsx → apps/web/app/components/github-corner.tsx
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -1,8 +1,10 @@
 import type { Metadata } from 'next'
 import Image from 'next/image'
+import Link from 'next/link'
 import { GeistSans } from 'geist/font/sans'
 import { Header } from '@/components/header'
 import { GoogleAnalytics } from '@next/third-parties/google'
+import GithubCorner from './components/github-corner'
 import './globals.css'
 
 export const metadata: Metadata = {
@@ -20,6 +22,14 @@ export default function RootLayout({
     <html lang="en" className={GeistSans.className}>
       <body className="dark relative flex h-auto flex-col ">
         <Header />
+
+        <Link
+          href="https://github.com/brunocroh/bolhadev.chat"
+          target="_blank"
+          className="absolute right-0 top-0"
+        >
+          <GithubCorner />
+        </Link>
         <Image
           src="/light-ray.svg"
           alt="Purple light ray"

diff --git a/apps/web/components/header.tsx b/apps/web/components/header.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
-import GithubCorner from './github-corner'
 
 export const Header = () => {
   return (
@@ -14,9 +13,6 @@ export const Header = () => {
           alt="BolhaDEV.chat logo featuring a stylized globe and a speech bubble with a language symbol on a dark background."
         ></Image>
       </Link>
-      <Link href="https://github.com/brunocroh/bolhadev.chat">
-        <GithubCorner />
-      </Link>
     </nav>
   )
 }
diff --git a/apps/web/lib/utils.ts b/apps/web/lib/utils.ts
@@ -1,5 +1,5 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))

diff --git a/packages/env-config/index.ts b/packages/env-config/index.ts
@@ -1,18 +1,18 @@
-import { z } from 'zod'
-import { createEnv } from '@t3-oss/env-nextjs'
-
-export const env = createEnv({
-  server: {
-    NEXT_SUPABASE_URL: z.string(),
-    NEXT_SUPABASE_KEY: z.string(),
-  },
-  client: {
-    NEXT_PUBLIC_SOCKET_URL: z.string().default('ws://localhost:4000'),
-  },
-  runtimeEnv: {
-    NEXT_PUBLIC_SOCKET_URL: process.env.NEXT_PUBLIC_SOCKET_URL,
-    NEXT_SUPABASE_URL: process.env.NEXT_SUPABASE_URL,
-    NEXT_SUPABASE_KEY: process.env.NEXT_SUPABASE_KEY,
-  },
-  emptyStringAsUndefined: true,
-})
+import { z } from 'zod'
+import { createEnv } from '@t3-oss/env-nextjs'
+
+export const env = createEnv({
+  server: {
+    NEXT_SUPABASE_URL: z.string(),
+    NEXT_SUPABASE_KEY: z.string(),
+  },
+  client: {
+    NEXT_PUBLIC_SOCKET_URL: z.string().default('ws://localhost:4000'),
+  },
+  runtimeEnv: {
+    NEXT_PUBLIC_SOCKET_URL: process.env.NEXT_PUBLIC_SOCKET_URL,
+    NEXT_SUPABASE_URL: process.env.NEXT_SUPABASE_URL,
+    NEXT_SUPABASE_KEY: process.env.NEXT_SUPABASE_KEY,
+  },
+  emptyStringAsUndefined: true,
+})