Show server name in tabs

nekiro · Dec 1, 2024 · 6bc37d0 · 6bc37d0
1 parent 6ba9c1c
commit 6bc37d0
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 13 deletions.
diff --git a/.env.example b/.env.example
@@ -1,5 +1,6 @@
-# general
+# browser
 NEXT_PUBLIC_API_URL=http://localhost:3000
+NEXT_PUBLIC_SERVER_NAME="shibaac"
 
 DATABASE_URL="mysql://root:secret@localhost:3306/shibaac"
 

diff --git a/src/layout/Head.tsx b/src/layout/Head.tsx
@@ -1,5 +1,4 @@
 import React from "react";
-
 import NextHead from "next/head";
 import { NextSeo } from "next-seo";
 
@@ -8,7 +7,7 @@ export interface HeadProps {
 	description?: string;
 }
 
-const Head = ({ title = "shibaac", description = "Automatic Account Creator" }: HeadProps) => {
+const Head = ({ title, description = "Automatic Account Creator" }: HeadProps) => {
 	return (
 		<>
 			<NextHead>
@@ -17,7 +16,7 @@ const Head = ({ title = "shibaac", description = "Automatic Account Creator" }:
 				<link rel="icon" href={`/favicon.ico`} key="favicon" />
 			</NextHead>
 			<NextSeo
-				title={title}
+				title={`${process.env.NEXT_PUBLIC_SERVER_NAME} - ${title}`}
 				description={description}
 				//anonical={properties.canonical}
 				openGraph={{

diff --git a/src/layout/TopBar/index.tsx b/src/layout/TopBar/index.tsx
@@ -1,6 +1,7 @@
 import { Flex, Text, Box } from "@chakra-ui/react";
 import { TopBarItem } from "./TopBarItem";
 import { trpc } from "@util/trpc";
+import Link from "@component/Link";
 
 export const TopBar = () => {
 	const status = trpc.status.status.useQuery().data;
@@ -9,14 +10,17 @@ export const TopBar = () => {
 		<Flex justifyContent="center" bgColor="blackAlpha.600" h="40px" borderBottomWidth="1px" borderColor="violet.400">
 			<Flex alignItems="center" flexDir="row" gap="5px">
 				<Box bgColor="violet.400" w="1px" h="100%" />
-				<TopBarItem alignItems="center" flexDirection="row">
-					<Text fontSize="md" color={status?.online ? "green" : "red"}>
-						{status?.onlineCount ?? "..."}
-					</Text>
-					<Text fontSize="md" ml="5px" color="white">
-						players online
-					</Text>
-				</TopBarItem>
+				<Link href="/online">
+					<TopBarItem alignItems="center" flexDirection="row">
+						<Text fontSize="md" color={status?.online ? "green" : "red"}>
+							{status?.onlineCount ?? "..."}
+						</Text>
+						<Text fontSize="md" ml="5px" color="white">
+							players online
+						</Text>
+					</TopBarItem>
+				</Link>
+
 				<Box bgColor="violet.400" w="1px" h="100%" />
 			</Flex>
 		</Flex>

diff --git a/src/layout/index.tsx b/src/layout/index.tsx
@@ -10,7 +10,7 @@ const Layout = ({ children }: PropsWithChildren) => {
 	return (
 		<>
 			<TopBar />
-			<Head />
+			<Head title="Home" />
 			<Box w={{ base: "95%", md: "95%", xl: "65%", "2xl": "35%" }} marginX={"auto"} marginY={{ base: "1em", md: 0 }}>
 				<Image width="230px" marginLeft="auto" marginRight="auto" marginBottom="15px" marginTop="15px" src="/images/header.png" alt="shibaac" />
 				<NavBar />