Skip to content

Commit

Permalink
DO SOME MORE COOL STUFF!!!
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jdsle
Jdsle committed Oct 22, 2024
1 parent 2713e35 commit 4b94ed3
Show file tree
Hide file tree
Showing 4 changed files with 169 additions and 4 deletions.
9 changes: 6 additions & 3 deletions app/layout.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
import type { Metadata } from "next";
import localFont from "next/font/local";
import "./globals.css";

import { fontSans } from "@/lib/fonts"
import { cn } from "@/lib/utils"
import { ThemeProvider } from "@/components/theme-provider"

export const metadata: Metadata = {
Expand All @@ -15,9 +16,11 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<head>
<link rel="manifest" href="./manifest.webmanifest" />
</head>
<body>
<body className={cn("min-h-screen bg-background font-sans antialiased", fontSans.variable)}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
{children}
<div className="w-full h-full">
{children}
</div>
</ThemeProvider>
</body>
</html>
Expand Down
5 changes: 4 additions & 1 deletion app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@ import { AppSidebar } from "@/components/home/app-sidebar"
import { Separator } from "@/components/ui/separator"
import * as Breadcrumb from "@/components/ui/breadcrumb";

import { PageHome } from "@/app/pages/home"

// ---------------
// Home Components
// ---------------
Expand All @@ -21,7 +23,7 @@ export default function Home() {
<div>
<SidebarProvider>
<AppSidebar />
<main>
<main className="w-screen h-screen">
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12">
<div className="flex items-center gap-2 px-4">
<SidebarTrigger />
Expand Down Expand Up @@ -53,6 +55,7 @@ export default function Home() {
</header>

{/* page content here or whatever */}
<PageHome />
</main>
</SidebarProvider>
</div>
Expand Down
144 changes: 144 additions & 0 deletions app/pages/home.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
"use client";

import * as React from "react"
import * as Icons from "lucide-react"

// --------------------
// UI Component Imports
// --------------------

import * as Card from "@/components/ui/card";
import * as Accordion from "@/components/ui/accordion";

import { Button } from "@/components/ui/button"
import { Label } from "@/components/ui/label"

// ---------------
// Home Components
// ---------------

export function PageHome() {
return (
<div className="space-y-2" style={{ paddingLeft: '32px', paddingRight: '32px', paddingTop: '8px' }}>

<a className="flex items-center gap-4">
<Icons.Home />
<h1 className="text-2xl font-bold">Home</h1>
</a>

<p className="text-base text-muted-foreground">
<Label>Lorem ipsum dolor sit amet. Et suscipit corporis ut consequuntur enim est quia aliquam et quas esse vel laudantium quas cu deleniti velit.</Label>
<span
data-br=":r2g:"
data-brr="1"
style={{
display: 'inline-block',
verticalAlign: 'top',
textDecoration: 'inherit',
maxWidth: '436px'
}}
>

</span>
</p>

{/* TEMP until real implementation - Recents */}

<div className="pt-6">
<Label>Recently Used</Label>
</div>

<div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-2">
<Card.Card>
<Card.CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.CardTitle className="text-sm font-medium">Engine 1</Card.CardTitle>
<Icons.DollarSign className="h-4 w-4 text-muted-foreground" />
</Card.CardHeader>
<Card.CardContent>
<div className="text-2xl font-bold">Content</div>
<p className="text-xs text-muted-foreground">Description</p>
</Card.CardContent>
<Card.CardFooter className="flex justify-between">
<Button variant="outline">Button</Button>
</Card.CardFooter>
</Card.Card>

<Card.Card>
<Card.CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.CardTitle className="text-sm font-medium">Engine 2</Card.CardTitle>
<Icons.DollarSign className="h-4 w-4 text-muted-foreground" />
</Card.CardHeader>
<Card.CardContent>
<div className="text-2xl font-bold">Content</div>
<p className="text-xs text-muted-foreground">Description</p>
</Card.CardContent>
<Card.CardFooter className="flex justify-between">
<Button variant="outline">Button</Button>
</Card.CardFooter>
</Card.Card>

<Card.Card>
<Card.CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.CardTitle className="text-sm font-medium">Tool</Card.CardTitle>
<Icons.DollarSign className="h-4 w-4 text-muted-foreground" />
</Card.CardHeader>
<Card.CardContent>
<div className="text-2xl font-bold">Content</div>
<p className="text-xs text-muted-foreground">Description</p>
</Card.CardContent>
<Card.CardFooter className="flex justify-between">
<Button variant="outline">Button</Button>
</Card.CardFooter>
</Card.Card>

<Card.Card>
<Card.CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<Card.CardTitle className="text-sm font-medium">Engine 3</Card.CardTitle>
<Icons.DollarSign className="h-4 w-4 text-muted-foreground" />
</Card.CardHeader>
<Card.CardContent>
<div className="text-2xl font-bold">Content</div>
<p className="text-xs text-muted-foreground">Description</p>
</Card.CardContent>
<Card.CardFooter className="flex justify-between">
<Button variant="outline">Button</Button>
</Card.CardFooter>
</Card.Card>
</div>

<div className="pt-6">
<Label>Help/Support</Label>
</div>

{/* Disable react/no-unescaped-entities and add ' proper grammar */}
<Accordion.Accordion type="single" collapsible>
<Accordion.AccordionItem value="item-1">
<Accordion.AccordionTrigger>Bug reporting</Accordion.AccordionTrigger>
<Accordion.AccordionContent>
Bug something something make sure that its a bug with RSDK-Library
and not a decomp bug something submit decomp bugs here something
</Accordion.AccordionContent>
</Accordion.AccordionItem>
<Accordion.AccordionItem value="item-2">
<Accordion.AccordionTrigger>How do I use RSDK-Libray?</Accordion.AccordionTrigger>
<Accordion.AccordionContent>
Add files via File manager hyperlink settings.ini something something
</Accordion.AccordionContent>
</Accordion.AccordionItem>
<Accordion.AccordionItem value="item-3">
<Accordion.AccordionTrigger>RSDK wont start</Accordion.AccordionTrigger>
<Accordion.AccordionContent>
a
</Accordion.AccordionContent>
</Accordion.AccordionItem>
<Accordion.AccordionItem value="item-4">
<Accordion.AccordionTrigger>Can I use Plus?</Accordion.AccordionTrigger>
<Accordion.AccordionContent>
something about decomp license allowing toggle go to settings yes
</Accordion.AccordionContent>
</Accordion.AccordionItem>
</Accordion.Accordion>

</div>
)
}
15 changes: 15 additions & 0 deletions lib/fonts.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
// import { JetBrains_Mono as FontMono, Inter as FontSans } from "next/font/google"
import { JetBrains_Mono as FontMono } from "next/font/google"
// import { GeistMono } from "geist/font/mono"
import { GeistSans } from "geist/font/sans"

// export const fontSans = FontSans({
// subsets: ["latin"],
// variable: "--font-sans",
// })
export const fontSans = GeistSans

export const fontMono = FontMono({
subsets: ["latin"],
variable: "--font-mono",
})

0 comments on commit 4b94ed3

Please sign in to comment.