gib/Gibs_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added more stuff

Browse Source
This commit is contained in:
Gabriel Brown
2024-06-13 16:23:34 -05:00
parent 258dccd4f2
commit a64cc1bab7
7 changed files with 915 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/_components/ui/notifications.tsx Normal file
View File

@@ -0,0 +1,26 @@
import { Button } from "~/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "~/components/ui/dropdown-menu"
export function Notifications() {
return (
<DropdownMenu>
<DropdownMenuTrigger className="border-none" asChild>
<Button className="bg-black text-white hover:bg-gray-700 rounded-full">
{new Date().toLocaleTimeString()}
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="rounded-3xl">
<DropdownMenuItem>
Hallo
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
);
}

42
src/app/_components/ui/quick_settings.tsx Normal file
View File

@@ -0,0 +1,42 @@
import { Button } from "~/components/ui/button";
import { SignInGH } from "~/app/_components/auth/sign_in_gh";
import { CiPower } from "react-icons/ci";
import { AiFillSound } from "react-icons/ai";
import { FaNetworkWired } from "react-icons/fa";
import { IoIosSettings } from "react-icons/io";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "~/components/ui/dropdown-menu"
export function Quick_Settings() {
return (
<DropdownMenu>
<DropdownMenuTrigger className="border-none" asChild>
<Button
className="bg-black text-white hover:bg-gray-700 rounded-full"
>
<FaNetworkWired className="w-5 h-5 mx-2" />
< AiFillSound className="w-5 h-5 mx-2" />
< CiPower className="w-5 h-5 ml-1" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="rounded-3xl">
<div className="flex flex-col p-2">
<div className="flex flex-row items-center justify-between">
<DropdownMenuItem className="rounded-full bg-gray-800 mr-10 ml-2">
<IoIosSettings className="w-8 h-8" />
</DropdownMenuItem>
<DropdownMenuItem className="rounded-full bg-gray-800 w-20 h-20 justify-center">
<SignInGH />
</DropdownMenuItem>
</div>
</div>
</DropdownMenuContent>
</DropdownMenu>
);
}

22
src/app/_components/ui/top_bar.tsx
View File

@@ -1,30 +1,22 @@
import { SignInGH } from "~/app/_components/auth/sign_in_gh";
import { GoDotFill } from "react-icons/go";
import { CiPower } from "react-icons/ci";
import { AiFillSound } from "react-icons/ai";
import { FaNetworkWired } from "react-icons/fa";
import { Button } from "~/components/ui/button";
import { Quick_Settings } from "~/app/_components/ui/quick_settings";
import { Notifications } from "~/app/_components/ui/notifications";
export function Top_Bar() {
return (
<div className="top-bar w-full h-10 flex flex-row bg-black text-white rounded-full m">
<div className="Workspaces flex w-1/3 justify-start pl-4 my-auto">
<Button className="bg-black text-white hover:bg-slate-900 rounded-full">
<div className="Workspaces flex w-1/3 justify-start my-auto">
<Button className="bg-black text-white hover:bg-gray-700 rounded-full">
<GoDotFill />
<GoDotFill />
</Button>
</div>
<div className="Notifications flex w-1/3 justify-center my-auto">
<Button className="bg-black text-white hover:bg-slate-900 rounded-full">
{new Date().toLocaleTimeString()}
</Button>
< Notifications />
</div>
<div className="Quick_Settings flex w-1/3 justify-end my-auto px-4">
<Button className="bg-black text-white hover:bg-slate-900 rounded-full">
<FaNetworkWired className="w-5 h-5 mx-2" />
< AiFillSound className="w-5 h-5 mx-2" />
< CiPower className="w-5 h-5 ml-1" />
</Button>
<div className="Quick_Settings flex w-1/3 justify-end my-auto">
< Quick_Settings />
</div>
</div>
);

6
src/app/page.tsx
View File

@@ -6,8 +6,8 @@ export default async function HomePage() {
const session = await auth();
if (!session) {
return (
<main className="flex min-h-screen flex-col items-center justify-center bg-none text-white">
<h1 className="flex flex-col text-white text-5xl pb-10 text-center">
<main className="flex flex-col bg-none text-white w-full h-1/2 items-center my-auto">
<h1 className="flex flex-col text-white text-6xl pb-10 text-center">
<div className="py-4">
{new Date().toDateString()}
</div>
@@ -20,7 +20,7 @@ export default async function HomePage() {
);
} else {
return (
<main className="flex min-h-screen flex-col items-center justify-center bg-none text-white">
<main className="flex min-h-screen flex-col bg-none text-white">
</main>
);
}