feedback

Author: brendan-kellam

packages/web/src/app/components/navigationMenu.tsx

@@ -7,6 +7,12 @@ import logoDark from "../../../public/sb_logo_dark_small.png";
 import logoLight from "../../../public/sb_logo_light_small.png";
 import { ProfilePicture } from "./profilePicture";
 import { signOut } from "@/auth";
+import { SettingsDropdown } from "./settingsDropdown";
+import { GitHubLogoIcon, DiscordLogoIcon } from "@radix-ui/react-icons";
+import { redirect } from "next/navigation";
+
+const SOURCEBOT_DISCORD_URL = "https://discord.gg/6Fhp27x7Pb";
+const SOURCEBOT_GITHUB_URL = "https://github.com/sourcebot-dev/sourcebot";
 
 export const NavigationMenu = async () => {
 
@@ -53,13 +59,43 @@ export const NavigationMenu = async () => {
                 </div>
 
                 <div className="flex flex-row items-center gap-2">
+                    <form
+                        action={async () => {
+                            "use server";
+                            redirect(SOURCEBOT_DISCORD_URL);
+                        }}
+                    >
+                        <Button
+                            variant="outline"
+                            size="icon"
+                            type="submit"
+                        >
+                            <DiscordLogoIcon className="w-4 h-4" />
+                        </Button>
+                    </form>
+                    <form
+                        action={async () => {
+                            "use server";
+                            redirect(SOURCEBOT_GITHUB_URL);
+                        }}
+                    >
+                        <Button
+                            variant="outline"
+                            size="icon"
+                            type="submit"
+                        >
+                            <GitHubLogoIcon className="w-4 h-4" />
+                        </Button>
+                    </form>
+                    <SettingsDropdown />
                     <form
                         action={async () => {
                             "use server";
                             await signOut();
                         }}
                     >
                         <Button
+                            type="submit"
                             variant="outline"
                             size="default"
                         >

packages/web/src/app/login/page.tsx

@@ -73,7 +73,7 @@ export default async function Login(props: {
                                         <Image
                                             src={logo}
                                             alt={provider.name}
-                                            className="w-5 h-5 invert mr-2"
+                                            className="w-5 h-5 invert dark:invert-0 mr-2"
                                         />
                                     )}
                                     Sign in with {provider.name}

packages/web/src/auth.ts

@@ -3,7 +3,7 @@ import GitHub from "next-auth/providers/github"
 import { PrismaAdapter } from "@auth/prisma-adapter"
 import { prisma } from "@/prisma";
 import type { Provider } from "next-auth/providers"
-import { AUTH_GITHUB_CLIENT_ID, AUTH_GITHUB_CLIENT_SECRET, AUTH_JS_SECRET } from "./lib/environment";
+import { AUTH_GITHUB_CLIENT_ID, AUTH_GITHUB_CLIENT_SECRET, AUTH_SECRET } from "./lib/environment";
 
 const providers: Provider[] = [
     GitHub({
@@ -26,7 +26,7 @@ export const providerMap = providers
 
 
 export const { handlers, signIn, signOut, auth } = NextAuth({
-    secret: AUTH_JS_SECRET,
+    secret: AUTH_SECRET,
     adapter: PrismaAdapter(prisma),
     session: {
         strategy: "jwt",

packages/web/src/lib/environment.ts

@@ -7,6 +7,6 @@ export const SHARD_MAX_MATCH_COUNT = getEnvNumber(process.env.SHARD_MAX_MATCH_CO
 export const TOTAL_MAX_MATCH_COUNT = getEnvNumber(process.env.TOTAL_MAX_MATCH_COUNT, 100000);
 export const NODE_ENV = process.env.NODE_ENV;
 
-export const AUTH_JS_SECRET = getEnv(process.env.AUTH_JS_SECRET); // Generate using `npx auth secret`
+export const AUTH_SECRET = getEnv(process.env.AUTH_SECRET); // Generate using `npx auth secret`
 export const AUTH_GITHUB_CLIENT_ID = getEnv(process.env.AUTH_GITHUB_CLIENT_ID);
 export const AUTH_GITHUB_CLIENT_SECRET = getEnv(process.env.AUTH_GITHUB_CLIENT_SECRET);