Skip to content
Snippets Groups Projects
Commit e58516df authored by Yusuf Akgül's avatar Yusuf Akgül :hatching_chick:
Browse files

removed clerk

parent 3e2b3037
No related branches found
No related tags found
1 merge request!13Feat.next auth
Pipeline #35261 passed
...@@ -10,8 +10,4 @@ IGDB_IMG_BASE_URL="https://images.igdb.com/igdb/image/upload" ...@@ -10,8 +10,4 @@ IGDB_IMG_BASE_URL="https://images.igdb.com/igdb/image/upload"
# For Authentication # For Authentication
TWITCH_CLIENT_ID="imdb_client_id" TWITCH_CLIENT_ID="imdb_client_id"
TWITCH_CLIENT_SECRET="imdb_auth_id" TWITCH_CLIENT_SECRET="imdb_auth_id"
\ No newline at end of file
# For Clerk Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY="clerk_publishable_key"
CLERK_SECRET_KEY="clerk_secret_key"
\ No newline at end of file
import { SignIn } from "@clerk/nextjs";
export default function Login() { export default function Login() {
return <SignIn />; return (
<div>
<h1>Login Page WIP</h1>
</div>
);
} }
\ No newline at end of file
import { SignUp } from "@clerk/nextjs";
export default function Signup() { export default function Signup() {
return <SignUp />; return (
<div>
<h1>Signup Page WIP</h1>
</div>
);
} }
\ No newline at end of file
import { UserProfile } from "@clerk/nextjs";
import { dark } from '@clerk/themes';
export default function User({ params }: { params: { userid: string } }) { export default function User({ params }: { params: { userid: string } }) {
return ( return (
<> <>
<h1>User Profile Page WIP</h1> <h1>User Profile Page WIP</h1>
<p>Unique Page Params: {params.userid}</p> <p>Unique Page Params: {params.userid}</p>
<UserProfile appearance={{ baseTheme: dark }} />
</> </>
) )
} }
\ No newline at end of file
...@@ -4,7 +4,6 @@ import './globals.css' ...@@ -4,7 +4,6 @@ import './globals.css'
import Providers from '@/components/react-query/provider' import Providers from '@/components/react-query/provider'
import SiteLoad from '@/components/site-loading' import SiteLoad from '@/components/site-loading'
import { ThemeProvider } from '@/components/ui/theme-provider' import { ThemeProvider } from '@/components/ui/theme-provider'
import { ClerkProvider } from '@clerk/nextjs'
import { Suspense } from 'react' import { Suspense } from 'react'
const inter = Inter({ subsets: ['latin'] }) const inter = Inter({ subsets: ['latin'] })
...@@ -25,11 +24,9 @@ export default function RootLayout({ ...@@ -25,11 +24,9 @@ export default function RootLayout({
<body className={inter.className}> <body className={inter.className}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem> <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<Suspense fallback={<SiteLoad />}> <Suspense fallback={<SiteLoad />}>
<ClerkProvider> <Providers>
<Providers> {children}
{children} </Providers>
</Providers>
</ClerkProvider>
</Suspense> </Suspense>
</ThemeProvider> </ThemeProvider>
</body> </body>
......
...@@ -4,7 +4,6 @@ import { Icons, IconsType } from "@/components/icons"; ...@@ -4,7 +4,6 @@ import { Icons, IconsType } from "@/components/icons";
import { buttonVariants } from "@/components/ui/button"; import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import { SidebarNavItem } from "@/types"; import { SidebarNavItem } from "@/types";
import { UserButton, useUser } from "@clerk/nextjs";
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { ModeToggle } from "./mode-toggle"; import { ModeToggle } from "./mode-toggle";
...@@ -16,12 +15,13 @@ interface DashboardNavProps { ...@@ -16,12 +15,13 @@ interface DashboardNavProps {
export default function DashboardNav({ items }: DashboardNavProps) { export default function DashboardNav({ items }: DashboardNavProps) {
const path = usePathname() const path = usePathname()
const { isLoaded, user } = useUser()
if (!items?.length) { if (!items?.length) {
return null return null
} }
const isLoaded = true
const user = "test"
return ( return (
<nav className="grid items-start gap-2"> <nav className="grid items-start gap-2">
<div className="flex items-center"> <div className="flex items-center">
...@@ -34,7 +34,7 @@ export default function DashboardNav({ items }: DashboardNavProps) { ...@@ -34,7 +34,7 @@ export default function DashboardNav({ items }: DashboardNavProps) {
(items.map((item, index) => { (items.map((item, index) => {
const Icon = Icons[item.icon as keyof IconsType || "arrowRight"]; const Icon = Icons[item.icon as keyof IconsType || "arrowRight"];
if (item.title === "My Profile") { if (item.title === "My Profile") {
item.href = `/${user.username}` item.href = `/${user}`
} }
return ( return (
item.href && ( item.href && (
...@@ -62,7 +62,6 @@ export default function DashboardNav({ items }: DashboardNavProps) { ...@@ -62,7 +62,6 @@ export default function DashboardNav({ items }: DashboardNavProps) {
</p> </p>
</div> </div>
} }
<UserButton afterSignOutUrl="/" />
<ModeToggle /> <ModeToggle />
</nav> </nav>
) )
......
This diff is collapsed.
...@@ -11,8 +11,6 @@ ...@@ -11,8 +11,6 @@
"preview": "next build && next start" "preview": "next build && next start"
}, },
"dependencies": { "dependencies": {
"@clerk/nextjs": "^4.18.5",
"@clerk/themes": "^1.7.4",
"@prisma/client": "^4.14.1", "@prisma/client": "^4.14.1",
"@radix-ui/react-dropdown-menu": "^2.0.5", "@radix-ui/react-dropdown-menu": "^2.0.5",
"@radix-ui/react-scroll-area": "^1.0.4", "@radix-ui/react-scroll-area": "^1.0.4",
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment