neuro_llc/NwBlog
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: removed chakra

Browse Source
This commit is contained in:
Sergey Elpashev
2025-01-23 15:05:51 +03:00
parent bc5d6097db
commit c8a42598bf
22 changed files with 11 additions and 685 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/blog/[slug]/page.tsx
View File

@@ -1,8 +0,0 @@
export default async function Post({ params }: { params: Promise<{ slug: string }> }) {
const { slug } = await params;
return (
<div>
<h1>Post: {slug}</h1>
</div>
);
}

3
src/app/blog/page.tsx
View File

@@ -1,3 +0,0 @@
export default function Blog() {
return <h1>Blog</h1>;
}

9
src/app/layout.tsx
View File

@@ -1,7 +1,6 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.scss";
import Providers from "./providers";
const geistSans = Geist({
variable: "--font-geist-sans",
@@ -25,9 +24,11 @@ export default function RootLayout({
}>) {
return (
<html lang="ru" suppressHydrationWarning>
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
<Providers>{children}</Providers>
</body>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charSet="utf-8" />
</head>
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>{children}</body>
</html>
);
}

15
src/app/page.tsx
View File

@@ -1,18 +1,9 @@
"use client";
import { Button } from "@/components/ui/button";
import { useColorMode, useColorModeValue } from "@/components/ui/color-mode";
import { VStack } from "@chakra-ui/react";
export default function Home() {
const { toggleColorMode } = useColorMode();
const color = useColorModeValue("red", "blue");
return (
<VStack>
<Button onClick={toggleColorMode}>Test 1</Button>
<Button colorPalette={color} variant="solid">
{color}
</Button>
</VStack>
<div>
<p>Test</p>
</div>
);
}

5
src/app/providers.tsx
View File

@@ -1,5 +0,0 @@
import { Provider } from "@/components/ui/provider";
export default function Providers(props: React.PropsWithChildren) {
return <Provider>{props.children}</Provider>;
}