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

toast messages

parents 96465ba6 60a445b6
No related branches found
No related tags found
1 merge request!45Email verify
Pipeline #39316 passed
Stage: build
Stage: test
Hide whitespace changes
Inline Side-by-side
Showing
with 724 additions and 667 deletions
app/api/gweets/regweets/route.ts
+ 52
− 52
View file @ 707f8942
import { NextResponse } from "next/server";
import { z } from "zod";
import { NextResponse } from "next/server"
import { z } from "zod"
import { db } from "@/lib/db";
import { db } from "@/lib/db"
export async function POST(request: Request) {
const { gweet_id, user_id } = await request.json();
const regweetSchema = z
.object({
gweet_id: z.string().cuid(),
user_id: z.string().cuid(),
})
.strict();
const zod = regweetSchema.safeParse({ gweet_id, user_id });
if (!zod.success) {
return NextResponse.json(
{
message: "Invalid request body",
error: zod.error.formErrors,
}, { status: 400 },
);
}
try {
const regweet = await db.regweet.findFirst({
where: {
gweetId: gweet_id,
userId: user_id,
},
});
if (regweet) {
await db.regweet.delete({
where: {
id: regweet.id,
},
});
return NextResponse.json({ message: "Deleted gweet regweet" });
} else {
await db.regweet.create({
data: {
gweetId: gweet_id,
userId: user_id,
},
});
return NextResponse.json({ message: "Gweet regweeted" });
const { gweet_id, user_id } = await request.json()
const regweetSchema = z
.object({
gweet_id: z.string().cuid(),
user_id: z.string().cuid(),
})
.strict()
const zod = regweetSchema.safeParse({ gweet_id, user_id })
if (!zod.success) {
return NextResponse.json(
{
message: "Invalid request body",
error: zod.error.formErrors,
}, { status: 400 },
)
}
} catch (error: any) {
return NextResponse.json({ error: error.message }, { status: 500 });
}
}
try {
const regweet = await db.regweet.findFirst({
where: {
gweetId: gweet_id,
userId: user_id,
},
})
if (regweet) {
await db.regweet.delete({
where: {
id: regweet.id,
},
})
return NextResponse.json({ message: "Deleted gweet regweet" })
} else {
await db.regweet.create({
data: {
gweetId: gweet_id,
userId: user_id,
},
})
return NextResponse.json({ message: "Gweet regweeted" })
}
} catch (error: any) {
return NextResponse.json({ error: error.message }, { status: 500 })
}
}
\ No newline at end of file
app/api/gweets/route.ts
+ 266
− 191
View file @ 707f8942
import { NextResponse } from "next/server";
import { z } from "zod";
import { NextResponse } from "next/server"
import { z } from "zod"
import { db } from "@/lib/db";
import { utapi } from "uploadthing/server";
import { db } from "@/lib/db"
import { utapi } from "uploadthing/server"
// get gweets
export async function GET(request: Request) {
const { searchParams } = new URL(request.url);
const type = searchParams.get("type") || undefined;
const id = searchParams.get("id") || undefined;
const cursorQuery = searchParams.get("cursor") || undefined;
const take = Number(searchParams.get("limit")) || 20;
const skip = cursorQuery ? 1 : 0;
const cursor = cursorQuery ? { id: cursorQuery } : undefined;
try {
const gweets = await db.gweet.findMany({
skip,
take,
cursor,
where: {
...(type === "comments" && {
replyToGweetId: id,
}),
...(type === "search" && {
text: {
contains: id,
mode: "insensitive",
},
}),
...(type === "user_gweets" && {
authorId: id,
}),
...(type === "user_replies" && {
authorId: id,
NOT: {
replyToGweetId: null,
},
}),
...(type === "user_likes" && {
likes: {
some: {
userId: id,
const { searchParams } = new URL(request.url)
const type = searchParams.get("type") || undefined
const id = searchParams.get("id") || undefined
const cursorQuery = searchParams.get("cursor") || undefined
const take = Number(searchParams.get("limit")) || 20
const skip = cursorQuery ? 1 : 0
const cursor = cursorQuery ? { id: cursorQuery } : undefined
try {
// if (type === "threads") {
// const gweet = await db.gweet.findUnique({
// where: {
// id,
// },
// })
// let thread = []
// if (cursorQuery === undefined) {
// if (gweet && gweet.replyToGweetId) thread = await fetchThread(gweet.replyToGweetId)
// }
// // logic correct TODO
// const prevId = thread.length < 4 ? undefined : thread[thread.length - 1].id
// return NextResponse.json({ gweets: thread, prevId })
// }
const gweets = await db.gweet.findMany({
skip,
take,
cursor,
where: {
...(type === "comments" && {
replyToGweetId: id,
}),
...(type === "search" && {
text: {
contains: id,
mode: "insensitive",
},
}),
...(type === "user_gweets" && {
authorId: id,
}),
...(type === "user_replies" && {
authorId: id,
NOT: {
replyToGweetId: null,
},
}),
...(type === "user_likes" && {
likes: {
some: {
userId: id,
},
},
}),
},
},
}),
},
include: {
author: true,
likes: true,
media: true,
regweets: true,
quote: {
include: {
author: true,
media: true,
},
},
allComments: true,
allQuotes: true,
},
orderBy: {
createdAt: "desc",
},
});
const nextId = gweets.length < take ? undefined : gweets[gweets.length - 1].id;
return NextResponse.json({ gweets, nextId });
} catch (error) {
return NextResponse.error();
}
include: {
author: {
select: {
id: true,
username: true,
name: true,
image: true,
},
},
likes: true,
media: true,
regweets: true,
quote: {
include: {
author: true,
media: true,
},
},
comment: {
include: {
author: {
select: {
id: true,
username: true,
},
},
},
},
allComments: true,
allQuotes: true,
},
orderBy: {
createdAt: "desc",
},
})
const nextId = gweets.length < take ? undefined : gweets[gweets.length - 1].id
return NextResponse.json({ gweets, nextId })
} catch (error) {
return NextResponse.error()
}
}
// create gweet
export async function POST(request: Request) {
const { gweet, fileprops } = await request.json();
const gweetSchema = z
.object({
content: z.string().min(1).max(280),
authorId: z.string().cuid(),
replyToGweetId: z.string().cuid().optional(),
quoteGweetId: z.string().cuid().optional(),
})
.strict();
const zodGweet = gweetSchema.safeParse(gweet);
const mediaSchema = z.array(
z.object({
gweetId: z.string().nullable().optional(),
url: z.string(),
key: z.string(),
type: z.string(),
}).strict()
);
if (!zodGweet.success) {
return NextResponse.json(
{
message: "Invalid request body",
error: zodGweet.error.formErrors,
}, { status: 400 },
);
}
try {
const created_gweet = await db.gweet.create({
data: {
...gweet,
},
});
if (fileprops.length > 0) {
const mediaArray = fileprops.map((fileprop: { fileUrl: string; fileKey: string; }) => {
const media = {
gweetId: created_gweet.id,
url: fileprop.fileUrl,
key: fileprop.fileKey,
type: "IMAGE",
}
return media;
});
const { gweet, fileprops } = await request.json()
const gweetSchema = z
.object({
content: z.string().min(1).max(280),
authorId: z.string().cuid(),
replyToGweetId: z.string().cuid().optional(),
quoteGweetId: z.string().cuid().optional(),
})
.strict()
const zodGweet = gweetSchema.safeParse(gweet)
const mediaSchema = z.array(
z.object({
gweetId: z.string().nullable().optional(),
url: z.string(),
key: z.string(),
type: z.string(),
}).strict()
)
if (!zodGweet.success) {
return NextResponse.json(
{
message: "Invalid request body",
error: zodGweet.error.formErrors,
}, { status: 400 },
)
}
const zodMedia = mediaSchema.safeParse(mediaArray);
try {
const created_gweet = await db.gweet.create({
data: {
...gweet,
},
})
if (fileprops.length > 0) {
const mediaArray = fileprops.map((fileprop: { fileUrl: string; fileKey: string }) => {
const media = {
gweetId: created_gweet.id,
url: fileprop.fileUrl,
key: fileprop.fileKey,
type: "IMAGE",
}
return media
})
const zodMedia = mediaSchema.safeParse(mediaArray)
if (!zodMedia.success) {
return NextResponse.json(
{
message: "Invalid media body",
error: zodMedia.error.formErrors,
}, { status: 400 },
)
}
await db.media.createMany({
data: mediaArray,
})
}
if (!zodMedia.success) {
return NextResponse.json(created_gweet, { status: 200 })
} catch (error: any) {
return NextResponse.json(
{
message: "Invalid media body",
error: zodMedia.error.formErrors,
}, { status: 400 },
);
}
await db.media.createMany({
data: mediaArray,
});
{
message: "Something went wrong",
error: error.message,
}, { status: error.errorCode || 500 },
)
}
return NextResponse.json(created_gweet, { status: 200 });
} catch (error: any) {
console.log(error);
return NextResponse.json(
{
message: "Something went wrong",
error: error.message,
}, { status: error.errorCode || 500 },
);
}
}
// delete gweet
export async function DELETE(request: Request) {
const { searchParams } = new URL(request.url);
const id = searchParams.get("id") as string;
const idSchema = z.string().cuid();
const zod = idSchema.safeParse(id);
if (!zod.success) {
return NextResponse.json(
{
message: "Invalid request body",
error: zod.error.formErrors,
}, { status: 400 },
);
}
try {
const checkMedia = await db.media.findMany({
where: {
gweetId: id,
},
});
if (checkMedia.length > 0) {
await utapi.deleteFiles(checkMedia.map((media) => media.key));
const { searchParams } = new URL(request.url)
const id = searchParams.get("id") as string
const idSchema = z.string().cuid()
const zod = idSchema.safeParse(id)
if (!zod.success) {
return NextResponse.json(
{
message: "Invalid request body",
error: zod.error.formErrors,
}, { status: 400 },
)
}
await db.gweet.delete({
where: {
id,
},
});
return NextResponse.json({ message: "Gweet deleted successfully", });
} catch (error: any) {
return NextResponse.json(
{
message: "Something went wrong",
error: error.message,
}, { status: error.errorCode || 500 },
);
}
try {
const checkMedia = await db.media.findMany({
where: {
gweetId: id,
},
})
if (checkMedia.length > 0) {
await utapi.deleteFiles(checkMedia.map((media) => media.key))
}
await db.gweet.delete({
where: {
id,
},
})
return NextResponse.json({ message: "Gweet deleted successfully", })
} catch (error: any) {
return NextResponse.json(
{
message: "Something went wrong",
error: error.message,
}, { status: error.errorCode || 500 },
)
}
}
// function to get gweet thread from comment
// async function fetchThread(gweetId: string): Promise<any[]> {
// let thread = []
// const gweet = await db.gweet.findUnique({
// where: {
// id: gweetId,
// },
// include: {
// author: {
// select: {
// id: true,
// username: true,
// name: true,
// image: true,
// },
// },
// likes: true,
// media: true,
// regweets: true,
// quote: {
// include: {
// author: true,
// media: true,
// },
// },
// allComments: true,
// allQuotes: true,
// },
// })
// thread.push(gweet)
// if (gweet?.replyToGweetId) {
// const replyToGweet = await fetchThread(gweet.replyToGweetId)
// thread.unshift(...replyToGweet)
// }
// return thread
// }
\ No newline at end of file
app/api/hashtags/route.ts
+ 61
− 61
View file @ 707f8942
import { NextResponse } from "next/server";
import { z } from "zod";
import { NextResponse } from "next/server"
import { z } from "zod"
import { db } from "@/lib/db";
import { db } from "@/lib/db"
export async function GET() {
try {
const hashtags = await db.hashtag.findMany({
take: 10,
orderBy: {
score: "desc",
},
});
return NextResponse.json(hashtags, { status: 200 });
} catch (error: any) {
return NextResponse.json({ error: error.message }, { status: 500 });
}
try {
const hashtags = await db.hashtag.findMany({
take: 10,
orderBy: {
score: "desc",
},
})
return NextResponse.json(hashtags, { status: 200 })
} catch (error: any) {
return NextResponse.json({ error: error.message }, { status: 500 })
}
}
export async function POST(request: Request) {
const { hashtags } = await request.json();
const hashtags = await request.json()
const hashtagsSchema = z.array(z.string());
const hashtagsSchema = z.array(z.string())
const zod = hashtagsSchema.safeParse(hashtags);
const zod = hashtagsSchema.safeParse(hashtags)
if (!zod.success) {
return NextResponse.json({ error: zod.error }, { status: 400 })
}
if (!zod.success) {
return NextResponse.json({ error: zod.error }, { status: 400 });
}
try {
for (const hashtag of hashtags) {
const hashtagExists = await db.hashtag.findUnique({
where: {
hashtag: hashtag.toLowerCase(),
},
})
try {
for (const hashtag of hashtags) {
const hashtagExists = await db.hashtag.findUnique({
where: {
hashtag: hashtag.toLowerCase(),
},
});
if (hashtagExists) {
await db.hashtag.update({
where: {
hashtag: hashtag.toLowerCase(),
},
data: {
score: {
increment: 1,
},
},
})
} else {
await db.hashtag.create({
data: {
text: hashtag,
hashtag: hashtag.toLowerCase(),
},
})
}
}
if (hashtagExists) {
await db.hashtag.update({
where: {
hashtag: hashtag.toLowerCase(),
},
data: {
score: {
increment: 1,
return NextResponse.json(
{
message: "Hashtag(s) created",
},
},
});
} else {
await db.hashtag.create({
data: {
text: hashtag,
hashtag: hashtag.toLowerCase(),
},
});
}
{ status: 200 },
)
} catch (error: any) {
return NextResponse.json(
{
error: error.message,
},
{ status: 500 },
)
}
return NextResponse.json(
{
message: "Hashtag(s) created",
},
{ status: 200 },
);
} catch (error: any) {
return NextResponse.json(
{
error: error.message,
},
{ status: 500 },
);
}
}
}
\ No newline at end of file
app/api/signup/route.ts
+ 3
− 3
View file @ 707f8942
......@@ -8,7 +8,7 @@ export async function POST(req: Request) {
const { username, email, password } = await req.json()
const hashed = await hash(password, 12)
const normalizedName = await normalize(username.toLowerCase());
const normalizedName = await normalize(username.toLowerCase())
let usernameCheck = normalizedName
const emailCheck = email.toLowerCase()
......@@ -22,7 +22,7 @@ export async function POST(req: Request) {
throw new Error('email already exists')
}
let isUnique = false;
let isUnique = false
while (!isUnique) {
const existingUserName = await db.user.findUnique({
where: {
......@@ -33,7 +33,7 @@ export async function POST(req: Request) {
if (existingUserName) {
usernameCheck = `${normalizedName}${Math.floor(Math.random() * 1000)}`
} else {
isUnique = true;
isUnique = true
}
}
......
app/api/uploadthing/core.ts
+ 8
− 8
View file @ 707f8942
import { getCurrentUser } from "@/lib/session";
import { createUploadthing, type FileRouter } from "uploadthing/next";
import { getCurrentUser } from "@/lib/session"
import { createUploadthing, type FileRouter } from "uploadthing/next"
const f = createUploadthing();
const f = createUploadthing()
export const ourFileRouter = {
imageUploader: f({ image: { maxFileSize: "4MB", maxFileCount: 4 } })
.middleware(async ({ req }) => {
const user = await getCurrentUser();
const user = await getCurrentUser()
if (!user) throw new Error("Unauthorized");
if (!user) throw new Error("Unauthorized")
return { userId: user.id };
return { userId: user.id }
})
.onUploadComplete(async ({ metadata, file }) => { }),
} satisfies FileRouter;
} satisfies FileRouter
export type OurFileRouter = typeof ourFileRouter;
\ No newline at end of file
export type OurFileRouter = typeof ourFileRouter
\ No newline at end of file
app/api/uploadthing/route.ts
+ 3
− 3
View file @ 707f8942
import { createNextRouteHandler } from "uploadthing/next";
import { createNextRouteHandler } from "uploadthing/next"
import { ourFileRouter } from "./core";
import { ourFileRouter } from "./core"
export const { GET, POST } = createNextRouteHandler({
router: ourFileRouter,
});
\ No newline at end of file
})
\ No newline at end of file
app/api/users/favgameslist/route.ts
+ 56
− 56
View file @ 707f8942
import { db } from "@/lib/db";
import { getCurrentUser } from "@/lib/session";
import { revalidatePath } from "next/cache";
import { NextRequest, NextResponse } from "next/server";
import { db } from "@/lib/db"
import { getCurrentUser } from "@/lib/session"
import { revalidatePath } from "next/cache"
import { NextRequest, NextResponse } from "next/server"
export async function PUT(req: NextRequest) {
const user = await getCurrentUser();
if (!user) {
return NextResponse.json({ status: 401, message: 'Unauthorized' });
}
const userId = user.id;
const data = await req.json()
data.gameId = parseInt(data.gameId)
try {
if (data.add) {
await db.user.update({
where: {
id: userId
},
data: {
favGameList: {
push: data.gameId
}
}
})
} else {
const user = await db.user.findFirst({
where: {
id: userId
},
select: {
favGameList: true
},
});
await db.user.update({
where: {
id: userId
},
data: {
favGameList: {
set: user?.favGameList.filter((id) => id !== data.gameId),
}
}
})
}
const path = req.nextUrl.searchParams.get('path') || '/';
revalidatePath(path);
return NextResponse.json({ status: 201, message: 'Game Hinzugefügt' })
} catch (error: any) {
return NextResponse.json({ status: 500, message: error.message })
}
const user = await getCurrentUser()
if (!user) {
return NextResponse.json({ status: 401, message: 'Unauthorized' })
}
const userId = user.id
const data = await req.json()
data.gameId = parseInt(data.gameId)
try {
if (data.add) {
await db.user.update({
where: {
id: userId
},
data: {
favGameList: {
push: data.gameId
}
}
})
} else {
const user = await db.user.findFirst({
where: {
id: userId
},
select: {
favGameList: true
},
})
await db.user.update({
where: {
id: userId
},
data: {
favGameList: {
set: user?.favGameList.filter((id) => id !== data.gameId),
}
}
})
}
const path = req.nextUrl.searchParams.get('path') || '/'
revalidatePath(path)
return NextResponse.json({ status: 201, message: 'Game Hinzugefügt' })
} catch (error: any) {
return NextResponse.json({ status: 500, message: error.message })
}
}
\ No newline at end of file
app/globals.css
+ 0
− 9
View file @ 707f8942
......@@ -95,15 +95,6 @@
}
}
@layer components {
.main-content {
@apply relative md:gap-10 lg:grid lg:grid-cols-[1fr_240px];
}
.side-content {
@apply hidden lg:block flex-col;
}
}
body {
width: 100vw;
overflow-x: hidden;
......
app/layout.tsx
+ 17
− 17
View file @ 707f8942
......@@ -8,26 +8,26 @@ import Providers from '@/lib/react-query/provider'
const inter = Inter({ subsets: ['latin'] })
export const metadata = {
title: 'Create Next App',
description: 'Generated by create next app',
title: 'Create Next App',
description: 'Generated by create next app',
}
export default function RootLayout({
children,
children,
}: {
children: React.ReactNode
children: React.ReactNode
}) {
return (
<html lang="en" suppressHydrationWarning>
<head />
<body className={inter.className}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<Providers>
{children}
<Toaster />
</Providers>
</ThemeProvider>
</body>
</html>
)
return (
<html lang="en" suppressHydrationWarning>
<head />
<body className={inter.className}>
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
<Providers>
{children}
<Toaster />
</Providers>
</ThemeProvider>
</body>
</html>
)
}
\ No newline at end of file
app/loading.tsx
+ 6
− 12
View file @ 707f8942
import { Card } from "@/components/ui/card";
import { Skeleton } from "@/components/ui/skeleton";
import { GameUnityLogo } from "@/components/logo"
// fallback loading component
export default function Loading() {
return (
<main className="main-content">
<div className="flex justify-center">
<Card className="p-6 w-full">
<div className="grid grid-cols-1 ss:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4 lg:gap-8">
{Array.from({ length: 18 }, (_, i) => i + 1).map((i) => (
<Skeleton key={i} className="aspect-[264/374] bg-gray-300" />
))}
</div>
</Card>
<div className="flex h-screen justify-center items-center">
<div className="text-center">
<GameUnityLogo className="h-10 w-10 animate-bounce" />
</div>
</main>
</div>
)
}
\ No newline at end of file
app/page.tsx
+ 87
− 87
View file @ 707f8942
......@@ -6,92 +6,92 @@ import { cn } from "@/lib/utils"
import Link from "next/link"
export default async function IndexPage() {
const user = await getCurrentUser()
const user = await getCurrentUser()
return (
<div className="flex flex-col h-screen justify-between">
<section className="space-y-6 pb-8 pt-6 md:pb-12 md:pt-10 lg:py-32">
<div className="container flex max-w-[64rem] flex-col items-center gap-4 text-center">
<div className="flex items-center">
<Link href="/home" className={cn("rounded-full p-3 hover:bg-accent")}>
<GameUnityLogo className="h-8 w-8" />
</Link>
</div>
<h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
The ultimate gaming hub
</h1>
<p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
Step into a gaming world beyond imagination. Experience unparalleled features, connect with a vibrant community, and unlock your true gaming potential. Elevate your gameplay, discover new horizons, and make every gaming moment count. Join us and embark on an extraordinary gaming adventure like no other.
</p>
{!user && <div className="align-middle mb-12">
<Link href="/login" className={cn(buttonVariants({ size: "lg" }), "mr-6")}>
Login
</Link>
<span className="text-muted-foreground">or</span>
<Link href="/signup" className={cn(buttonVariants({ size: "lg" }), "ml-6")}>
Sign-Up
</Link>
</div>}
<Link href="/home" className={cn(buttonVariants({ size: "lg" }))}>
Home Feed
</Link>
<Link href="/games" className={cn(buttonVariants({ size: "lg" }))}>
Games List
</Link>
return (
<div className="flex flex-col h-screen justify-between">
<section className="space-y-6 pb-8 pt-6 md:pb-12 md:pt-10 lg:py-32">
<div className="container flex max-w-[64rem] flex-col items-center gap-4 text-center">
<div className="flex items-center">
<Link href="/home" className={cn("rounded-full p-3 hover:bg-accent")}>
<GameUnityLogo className="h-10 w-10" />
</Link>
</div>
<h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
The ultimate gaming hub
</h1>
<p className="max-w-[42rem] leading-normal text-muted-foreground sm:text-xl sm:leading-8">
Step into a gaming world beyond imagination. Experience unparalleled features, connect with a vibrant community, and unlock your true gaming potential. Elevate your gameplay, discover new horizons, and make every gaming moment count. Join us and embark on an extraordinary gaming adventure like no other.
</p>
{!user && <div className="align-middle mb-12">
<Link href="/login" className={cn(buttonVariants({ size: "lg" }), "mr-6")}>
Login
</Link>
<span className="text-muted-foreground">or</span>
<Link href="/signup" className={cn(buttonVariants({ size: "lg" }), "ml-6")}>
Sign-Up
</Link>
</div>}
<Link href="/home" className={cn(buttonVariants({ size: "lg" }))}>
Home Feed
</Link>
<Link href="/games" className={cn(buttonVariants({ size: "lg" }))}>
Games List
</Link>
</div>
</section>
<section
id="features"
className="container space-y-6 bg-slate-50 py-8 dark:bg-transparent md:py-12 lg:py-24"
>
<div className="mx-auto flex max-w-[58rem] flex-col items-center space-y-4 text-center">
<h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
Features
</h2>
<p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
Create your Profile, find New Games, Rate & Review them, Add your Favorite Games to your List, Help and socialize with other Players,
show of your skills with hightscores and clips
</p>
</div>
<div className="mx-auto grid justify-center gap-4 sm:grid-cols-2 md:max-w-[64rem] md:grid-cols-3">
<div className="relative overflow-hidden rounded-lg border bg-background p-2">
<div className="flex h-[180px] flex-col justify-between rounded-md p-6">
<div className="space-y-2">
<h3 className="font-bold">Discover new games </h3>
<p className="text-sm text-muted-foreground">
The platform offers a way to discover and try new games. Through recommendations and ratings from other users, gamers gain inspiration for new games and can broaden their horizons.
</p>
</div>
</div>
</div>
<div className="relative overflow-hidden rounded-lg border bg-background p-2">
<div className="flex h-[180px] flex-col justify-between rounded-md p-6">
<div className="space-y-2">
<h3 className="font-bold">Community-Interaction</h3>
<p className="text-sm text-muted-foreground">
Users can connect with other players, ask and answer questions, chat with other gamers, and make friends. The platform promotes interaction among gamers and creates a sense of community and belonging.
</p>
</div>
</div>
</div>
<div className="relative overflow-hidden rounded-lg border bg-background p-2">
<div className="flex h-[180px] flex-col justify-between rounded-md p-6">
<div className="space-y-2">
<h3 className="font-bold">Manage your Game collection</h3>
<p className="text-sm text-muted-foreground">
The platform provides an easy way to search, collect, and organize games. With various filtering and sorting options, users always have an overview of their game collection.
</p>
</div>
</div>
</div>
</div>
<div className="mx-auto text-center md:max-w-[58rem]">
<p className="leading-normal sm:text-lg sm:leading-7">
Level up your gaming experience with us
</p>
</div>
</section>
<SiteFooter className="border-t" />
</div>
</section>
<section
id="features"
className="container space-y-6 bg-slate-50 py-8 dark:bg-transparent md:py-12 lg:py-24"
>
<div className="mx-auto flex max-w-[58rem] flex-col items-center space-y-4 text-center">
<h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
Features
</h2>
<p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
Create your Profile, find New Games, Rate & Review them, Add your Favorite Games to your List, Help and socialize with other Players,
show of your skills with hightscores and clips
</p>
</div>
<div className="mx-auto grid justify-center gap-4 sm:grid-cols-2 md:max-w-[64rem] md:grid-cols-3">
<div className="relative overflow-hidden rounded-lg border bg-background p-2">
<div className="flex h-[180px] flex-col justify-between rounded-md p-6">
<div className="space-y-2">
<h3 className="font-bold">Discover new games </h3>
<p className="text-sm text-muted-foreground">
The platform offers a way to discover and try new games. Through recommendations and ratings from other users, gamers gain inspiration for new games and can broaden their horizons.
</p>
</div>
</div>
</div>
<div className="relative overflow-hidden rounded-lg border bg-background p-2">
<div className="flex h-[180px] flex-col justify-between rounded-md p-6">
<div className="space-y-2">
<h3 className="font-bold">Community-Interaction</h3>
<p className="text-sm text-muted-foreground">
Users can connect with other players, ask and answer questions, chat with other gamers, and make friends. The platform promotes interaction among gamers and creates a sense of community and belonging.
</p>
</div>
</div>
</div>
<div className="relative overflow-hidden rounded-lg border bg-background p-2">
<div className="flex h-[180px] flex-col justify-between rounded-md p-6">
<div className="space-y-2">
<h3 className="font-bold">Manage your Game collection</h3>
<p className="text-sm text-muted-foreground">
The platform provides an easy way to search, collect, and organize games. With various filtering and sorting options, users always have an overview of their game collection.
</p>
</div>
</div>
</div>
</div>
<div className="mx-auto text-center md:max-w-[58rem]">
<p className="leading-normal sm:text-lg sm:leading-7">
Level up your gaming experience with us
</p>
</div>
</section>
<SiteFooter className="border-t" />
</div>
)
}
)
}
\ No newline at end of file
components/add-game-dropdown.tsx
+ 10
− 10
View file @ 707f8942
"use client"
import { useState } from "react";
import { Card } from "./ui/card";
import GameItem from "./game-item";
import { IGame } from "@/types/igdb-types";
import { User } from "@prisma/client";
import AddGameToPlanList from "./add-game-to-plan-list";
import AddGameToPlayingList from "./add-game-to-playing-list";
import AddGameToFinishedList from "./add-game-to-finished-list";
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./ui/select";
import { IGame } from "@/types/igdb-types"
import { User } from "@prisma/client"
import { useState } from "react"
import AddGameToFinishedList from "./add-game-to-finished-list"
import AddGameToPlanList from "./add-game-to-plan-list"
import AddGameToPlayingList from "./add-game-to-playing-list"
import GameItem from "./game-item"
import { Card } from "./ui/card"
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./ui/select"
export default function AddGameDropdown(props: { gameid: string, fullUser: User }) {
return (
......@@ -30,4 +30,4 @@ export default function AddGameDropdown(props: { gameid: string, fullUser: User
</>
)
}
}
\ No newline at end of file
components/add-game-to-finished-list.tsx
+ 23
− 24
View file @ 707f8942
"use client"
import { User } from "@prisma/client";
import { useRouter } from "next/navigation";
import { startTransition } from "react";
import { Button } from "./ui/button";
import { User } from "@prisma/client"
import { useRouter } from "next/navigation"
import { startTransition } from "react"
import { Button } from "./ui/button"
export default function AddGameToFinishedList(props: { gameId: string, user: User }) {
const router = useRouter();
const gameId = parseFloat(props.gameId);
const user = props.user;
const router = useRouter()
const gameId = parseFloat(props.gameId)
const user = props.user
let formData: {
id: String;
gameId: Number;
add: boolean;
planningGameList: number[] | undefined;
playingGameList: number[] | undefined;
finishedGameList: number[] | undefined;
id: String
gameId: Number
add: boolean
planningGameList: number[] | undefined
playingGameList: number[] | undefined
finishedGameList: number[] | undefined
} = {
id: "",
gameId: -1,
......@@ -25,12 +25,12 @@ export default function AddGameToFinishedList(props: { gameId: string, user: Use
planningGameList: undefined,
playingGameList: undefined,
finishedGameList: undefined
};
}
async function removeGame(e: any) {
e.preventDefault()
formData.id = user.id;
formData.id = user.id
formData.finishedGameList = props.user.finishedGameList.filter((id) => id !== gameId)
console.log(formData.finishedGameList)
const response = await fetch('/api/gamelists', {
......@@ -41,17 +41,17 @@ export default function AddGameToFinishedList(props: { gameId: string, user: Use
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
async function addGame(e: any) {
e.preventDefault()
formData.id = user.id;
formData.id = user.id
props.user.finishedGameList.push(gameId)
formData.finishedGameList = props.user.finishedGameList;
formData.finishedGameList = props.user.finishedGameList
const response = await fetch('/api/gamelists', {
method: 'PUT',
body: JSON.stringify(formData)
......@@ -60,13 +60,13 @@ export default function AddGameToFinishedList(props: { gameId: string, user: Use
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
let button = <div></div>;
let button = <div></div>
try {
if (!props.user.finishedGameList.includes(parseFloat(props.gameId))) {
button = (
......@@ -92,5 +92,4 @@ export default function AddGameToFinishedList(props: { gameId: string, user: Use
return (
button
)
}
}
\ No newline at end of file
components/add-game-to-plan-list.tsx
+ 23
− 24
View file @ 707f8942
"use client"
import { User } from "@prisma/client";
import { useRouter } from "next/navigation";
import { startTransition } from "react";
import { Button } from "./ui/button";
import { User } from "@prisma/client"
import { useRouter } from "next/navigation"
import { startTransition } from "react"
import { Button } from "./ui/button"
export default function AddGameToPlanList(props: { gameId: string, user: User }) {
const router = useRouter();
const gameId = parseFloat(props.gameId);
const user = props.user;
const router = useRouter()
const gameId = parseFloat(props.gameId)
const user = props.user
let formData: {
id: String;
gameId: Number;
add: boolean;
planningGameList: number[] | undefined;
playingGameList: number[] | undefined;
finishedGameList: number[] | undefined;
id: String
gameId: Number
add: boolean
planningGameList: number[] | undefined
playingGameList: number[] | undefined
finishedGameList: number[] | undefined
} = {
id: "",
gameId: -1,
......@@ -25,12 +25,12 @@ export default function AddGameToPlanList(props: { gameId: string, user: User })
planningGameList: undefined,
playingGameList: undefined,
finishedGameList: undefined
};
}
async function removeGame(e: any) {
e.preventDefault()
formData.id = user.id;
formData.id = user.id
formData.planningGameList = props.user.planningGameList.filter((id) => id !== gameId)
console.log(formData.planningGameList)
const response = await fetch('/api/gamelists', {
......@@ -41,17 +41,17 @@ export default function AddGameToPlanList(props: { gameId: string, user: User })
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
async function addGame(e: any) {
e.preventDefault()
formData.id = user.id;
formData.id = user.id
props.user.planningGameList.push(gameId)
formData.planningGameList = props.user.planningGameList;
formData.planningGameList = props.user.planningGameList
const response = await fetch('/api/gamelists', {
method: 'PUT',
body: JSON.stringify(formData)
......@@ -60,13 +60,13 @@ export default function AddGameToPlanList(props: { gameId: string, user: User })
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
let button = <div></div>;
let button = <div></div>
try {
if (!props.user.planningGameList.includes(parseFloat(props.gameId))) {
button = (
......@@ -92,5 +92,4 @@ export default function AddGameToPlanList(props: { gameId: string, user: User })
return (
button
)
}
}
\ No newline at end of file
components/add-game-to-playing-list.tsx
+ 23
− 24
View file @ 707f8942
"use client"
import { User } from "@prisma/client";
import { useRouter } from "next/navigation";
import { startTransition } from "react";
import { Button } from "./ui/button";
import { User } from "@prisma/client"
import { useRouter } from "next/navigation"
import { startTransition } from "react"
import { Button } from "./ui/button"
export default function AddGameToPlayingList(props: { gameId: string, user: User }) {
const router = useRouter();
const gameId = parseFloat(props.gameId);
const user = props.user;
const router = useRouter()
const gameId = parseFloat(props.gameId)
const user = props.user
let formData: {
id: String;
gameId: Number;
add: boolean;
planningGameList: number[] | undefined;
playingGameList: number[] | undefined;
finishedGameList: number[] | undefined;
id: String
gameId: Number
add: boolean
planningGameList: number[] | undefined
playingGameList: number[] | undefined
finishedGameList: number[] | undefined
} = {
id: "",
gameId: -1,
......@@ -25,12 +25,12 @@ export default function AddGameToPlayingList(props: { gameId: string, user: User
planningGameList: undefined,
playingGameList: undefined,
finishedGameList: undefined
};
}
async function removeGame(e: any) {
e.preventDefault()
formData.id = user.id;
formData.id = user.id
formData.playingGameList = props.user.playingGameList.filter((id) => id !== gameId)
console.log(formData.playingGameList)
const response = await fetch('/api/gamelists', {
......@@ -41,17 +41,17 @@ export default function AddGameToPlayingList(props: { gameId: string, user: User
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
async function addGame(e: any) {
e.preventDefault()
formData.id = user.id;
formData.id = user.id
props.user.playingGameList.push(gameId)
formData.playingGameList = props.user.playingGameList;
formData.playingGameList = props.user.playingGameList
const response = await fetch('/api/gamelists', {
method: 'PUT',
body: JSON.stringify(formData)
......@@ -60,13 +60,13 @@ export default function AddGameToPlayingList(props: { gameId: string, user: User
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
let button = <div></div>;
let button = <div></div>
try {
if (!props.user.playingGameList.includes(parseFloat(props.gameId))) {
button = (
......@@ -92,5 +92,4 @@ export default function AddGameToPlayingList(props: { gameId: string, user: User
return (
button
)
}
}
\ No newline at end of file
components/addGameToFavList.tsx
+ 14
− 15
View file @ 707f8942
"use client"
import { useRouter } from "next/navigation";
import { startTransition } from "react";
import { Button } from "./ui/button";
import { useRouter } from "next/navigation"
import { startTransition } from "react"
import { Button } from "./ui/button"
export default function AddGameToFavList(props: { userGameList: Number[], gameId: string }) {
const router = useRouter();
const router = useRouter()
const gameId = props.gameId
let formData = { gameId: "", add: true }
async function removeGame(e: any) {
e.preventDefault()
formData.gameId = gameId;
formData.add = false;
formData.gameId = gameId
formData.add = false
const response = await fetch('/api/users/favgameslist', {
method: 'PUT',
body: JSON.stringify(formData)
......@@ -23,16 +23,16 @@ export default function AddGameToFavList(props: { userGameList: Number[], gameId
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
async function addGame(e: any) {
e.preventDefault()
formData.gameId = gameId;
formData.add = true;
formData.gameId = gameId
formData.add = true
const response = await fetch('/api/users/favgameslist', {
method: 'PUT',
body: JSON.stringify(formData)
......@@ -41,13 +41,13 @@ export default function AddGameToFavList(props: { userGameList: Number[], gameId
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
router.refresh();
});
router.refresh()
})
return await response.json()
}
let button = <div></div>;
let button = <div></div>
try {
if (!props.userGameList.includes(parseFloat(props.gameId))) {
button = (
......@@ -73,5 +73,4 @@ export default function AddGameToFavList(props: { userGameList: Number[], gameId
return (
button
)
}
}
\ No newline at end of file
components/back-button.tsx
+ 7
− 7
View file @ 707f8942
"use client";
"use client"
import { useRouter } from "next/navigation";
import { Icons } from "./icons";
import { Button } from "./ui/button";
import { useRouter } from "next/navigation"
import { Icons } from "./icons"
import { Button } from "./ui/button"
export const BackButton = () => {
const router = useRouter();
const router = useRouter()
return (
<Button
......@@ -16,5 +16,5 @@ export const BackButton = () => {
>
<Icons.chevronLeft />
</Button>
);
};
\ No newline at end of file
)
}
\ No newline at end of file
components/back-header.tsx
+ 7
− 7
View file @ 707f8942
import { BackButton } from "@/components/back-button";
import { BackButton } from "@/components/back-button"
export const BackHeader = ({ children }: { children: React.ReactNode }) => {
return (
<div className="flex items-center space-x-3">
<BackButton />
{children}
</div>
);
return (
<div className="flex items-center space-x-3">
<BackButton />
{children}
</div>
)
}
\ No newline at end of file
components/create-gweet/api/post-gweet.ts
+ 35
− 34
View file @ 707f8942
import { postHashtags, retrieveHashtagsFromGweet } from "@/components/trends";
import { uploadFiles } from "@/lib/uploadthing";
import { postHashtags } from "@/components/trends/api/post-hashtags"
import { retrieveHashtagsFromGweet } from "@/components/trends/api/retrieve-hashtags-from-gweet"
import { uploadFiles } from "@/lib/uploadthing"
export const postGweet = async ({
content,
files,
authorId,
replyToGweetId,
quoteGweetId,
}: {
content: string;
files: File[];
authorId: string;
replyToGweetId?: string | null;
quoteGweetId?: string | null;
}) => {
const gweet = {
content,
files,
authorId,
...(replyToGweetId && { replyToGweetId }),
...(quoteGweetId && { quoteGweetId }),
};
try {
let fileprops: { fileUrl: string; fileKey: string; }[] = [];
if (files.length > 0) {
fileprops = await uploadFiles({ files, endpoint: 'imageUploader' })
replyToGweetId,
quoteGweetId,
}: {
content: string
files: File[]
authorId: string
replyToGweetId?: string | null
quoteGweetId?: string | null
}) => {
const gweet = {
content,
authorId,
...(replyToGweetId && { replyToGweetId }),
...(quoteGweetId && { quoteGweetId }),
}
const data = await fetch('/api/gweets', {
method: 'POST',
body: JSON.stringify({ gweet, fileprops })
}).then((result) => result.json())
try {
let fileprops: { fileUrl: string; fileKey: string }[] = []
if (files.length > 0) {
fileprops = await uploadFiles({ files, endpoint: 'imageUploader' })
}
const data = await fetch('/api/gweets', {
method: 'POST',
body: JSON.stringify({ gweet, fileprops })
}).then((result) => result.json())
const hashtags = retrieveHashtagsFromGweet(content);
if (hashtags) await postHashtags(hashtags);
const hashtags = retrieveHashtagsFromGweet(content)
if (hashtags) await postHashtags(hashtags)
return data;
} catch (error: any) {
return error.response.data;
}
};
\ No newline at end of file
return data
} catch (error: any) {
return error.response.data
}
}
\ No newline at end of file
components/create-gweet/components/create-gweet-wrapper.tsx
+ 23
− 23
View file @ 707f8942
"use client";
"use client"
import { useState } from "react";
import { useState } from "react"
import { CreateGweet } from "./create-gweet";
import { CreateGweet } from "./create-gweet"
export const CreateGweetWrapper = ({
replyToGweetId,
replyToGweetId,
}: {
replyToGweetId: string | null;
replyToGweetId: string | null
}) => {
const [isComment, setIsComment] = useState(true);
const [isComment, setIsComment] = useState(true)
return (
<div className="px-6">
<CreateGweet
replyToGweetId={replyToGweetId}
placeholder="Gweet your reply..."
isComment={isComment}
/>
{isComment && (
<button
onClick={() => {
setIsComment(false);
}}
/>
)}
</div>
);
};
\ No newline at end of file
return (
<div className="px-6">
<CreateGweet
replyToGweetId={replyToGweetId}
placeholder="Gweet your reply..."
isComment={isComment}
/>
{isComment && (
<button
onClick={() => {
setIsComment(false)
}}
/>
)}
</div>
)
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment