some roblox stuff again

2025-07-24 04:25:18 +03:00
parent e0217cbbcb
commit d1f925f298
35 changed files with 866 additions and 282 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -53,6 +53,16 @@ body {
 		--sidebar-border: 220 13% 91%;
 		--sidebar-ring: 217.2 91.2% 59.8%;
 	}
+	.dark {
+		--sidebar-background: 240 5.9% 10%;
+		--sidebar-foreground: 240 4.8% 95.9%;
+		--sidebar-primary: 224.3 76.3% 48%;
+		--sidebar-primary-foreground: 0 0% 100%;
+		--sidebar-accent: 240 3.7% 15.9%;
+		--sidebar-accent-foreground: 240 4.8% 95.9%;
+		--sidebar-border: 240 3.7% 15.9%;
+		--sidebar-ring: 217.2 91.2% 59.8%;
+	}
 }

@layer base {
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,6 +1,8 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import { QuickTopUI } from "@/components/QuickTopUI";

 const geistSans = Geist({
 	variable: "--font-geist-sans",
@@ -13,8 +15,8 @@ const geistMono = Geist_Mono({
 });

 export const metadata: Metadata = {
-	title: "Create Next App",
-	description: "Generated by create next app"
+	title: "OCbwoy3-Chan-blox",
+	description: "roblox meets next.js i think"
 };

 export default function RootLayout({
@@ -27,7 +29,10 @@ export default function RootLayout({
 			<body
 				className={`${geistSans.variable} ${geistMono.variable} antialiased`}
 			>
-				{children}
+				<TooltipProvider>
+					<QuickTopUI />
+					{children}
+				</TooltipProvider>
 			</body>
 		</html>
 	);
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,13 +1,17 @@
 "use client";

+import { FriendsHomeSect } from "@/components/FriendsOnlineSection";
 import { GameCard } from "@/components/gameCard";
 import { HomeLoggedInHeader } from "@/components/loggedInHeader";
+import { VerifiedIcon } from "@/components/RobloxIcons";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { Card, CardContent } from "@/components/ui/card";
 import {
 	getOmniRecommendationsHome,
 	OmniRecommendation
 } from "@/lib/omniRecommendation";
 import { loadThumbnails } from "@/lib/thumbnailLoader";
+import { AlertTriangleIcon } from "lucide-react";
 import { useEffect, useState } from "react";

 export default function Home() {
@@ -16,21 +20,34 @@ export default function Home() {
 	useEffect(() => {
 		setTimeout(async () => {
 			const r = await getOmniRecommendationsHome();
-			setRec(r);
-			loadThumbnails(
-				Object.entries(r.contentMetadata.Game).map((a) => ({
-					type: "GameThumbnail",
-					targetId: Number(a[1].rootPlaceId),
-					format: "webp",
-					size: "384x216"
-				}))
-			).catch((a) => {});
+			if (r) {
+				setRec(r);
+				loadThumbnails(
+					Object.entries(r.contentMetadata.Game).map((a) => ({
+						type: "GameThumbnail",
+						targetId: Number(a[1].rootPlaceId),
+						format: "webp",
+						size: "384x216"
+					}))
+				).catch((a) => {});
+			}
 		}, 1000);
 	}, []);

 	return (
 		<div className="overflow-scroll no-scrollbar w-screen max-h-screen h-screen">
 			<HomeLoggedInHeader />
+			<FriendsHomeSect className="pt-8" />
+			<div className="justify-center w-screen px-8 pt-6">
+				<Alert variant="default" className="space-x-2">
+					<AlertTriangleIcon />
+					<AlertTitle>Warning</AlertTitle>
+					<AlertDescription>
+						This is work in progess, you can follow the development
+						process on GitHub.
+					</AlertDescription>
+				</Alert>
+			</div>
 			<div className="p-4 space-y-8 no-scrollbar">
 				{!rec ? (
 					<Card>