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

cleanup merges

parent 61ad08ec
No related branches found
No related tags found
1 merge request!11cleanup merges
Pipeline #35045 passed
Stage: build
Stage: test
Hide whitespace changes
Inline Side-by-side
app/(content)/(home)/home/page.tsx
+ 69
− 78
View file @ a3f893e5
import LikeButton from "@/components/LikeButton";
import LikeButton from "@/components/like-button";
import PostMessageForm from "@/components/post-messages";
import { prisma } from "@/prisma/db";
import { Prisma} from "@prisma/client"
type likeType = Prisma.LikeUncheckedCreateInput
import { Prisma } from "@prisma/client";
type messageType = Prisma.MessageUncheckedCreateInput
type messageItemProps = {
msg: messageType;
};
msg: messageType;
};
export default async function HomePage() {
let messages = null
try {
messages = await prisma.message.findMany({
orderBy:{
sentAt: "desc"
}
})
} catch (error) {
console.log("the database is not running, try: 'npx prisma migrate dev --name init' if you want to use the database")
}
let messages = null
try {
messages = await prisma.message.findMany({
orderBy: {
sentAt: "desc"
}
})
return (
<div>
<h1>Home WIP</h1>
<p>This will be where all messages show up.</p>
<p>Needs a reload after posting!!</p>
{/* <PostMessageForm data={messages}></PostMessageForm> */}
<PostMessageForm data={messages}/>
{messages ?
<>
{messages.map((msg) => (
<MessageItem msg={msg} key={msg.id} />
))}
</>
:
<p>no messages / no database</p>}
</div>
)
} catch (error) {
console.log("the database is not running, try: 'npx prisma migrate dev --name init' if you want to use the database")
}
return (
<div>
<h1>Home WIP</h1>
<p>This will be where all messages show up.</p>
<p>Needs a reload after posting!!</p>
<PostMessageForm data={messages} />
{messages ?
<>
{messages.map((msg) => (
<MessageItem msg={msg} key={msg.id} />
))}
</>
:
<p>no messages / no database</p>}
</div>
)
}
const MessageItem = ({ msg }: messageItemProps) => {
if(!msg.id){
return <div></div>
}
return (
<div className="flex border-b border-gray-200 py-4">
<div className="flex-shrink-0">
<div className="h-10 w-10 rounded-full bg-gray-300"></div> {/* Profile picture */}
</div>
<div className="ml-4 flex flex-col">
<div>
<div className="flex items-center">
<span className="font-bold mr-2">{msg.author}</span>
<span className="text-gray-500 text-sm">
{formatDate(new Date(msg.sentAt!))}
</span>
</div>
<div className="text-gray-800">{msg.content}</div>
const MessageItem = ({ msg }: messageItemProps) => {
if (!msg.id) {
return <div></div>
}
return (
<div className="flex border-b border-gray-200 py-4">
<div className="flex-shrink-0">
<div className="h-10 w-10 rounded-full bg-gray-300"></div> {/* Profile picture */}
</div>
<div className="ml-4 flex flex-col">
<div>
<div className="flex items-center">
<span className="font-bold mr-2">{msg.author}</span>
<span className="text-gray-500 text-sm">
{formatDate(new Date(msg.sentAt!))}
</span>
</div>
<div className="mt-4">
<div className="flex items-center">
<div className="bg-gray-200 rounded-lg py-10 px-20 mr-2">
{/* potential Image */}
</div>
<div className="text-gray-800">{msg.content}</div>
</div>
<div className="mt-4">
<div className="flex items-center">
<div className="bg-gray-200 rounded-lg py-10 px-20 mr-2">
{/* potential Image */}
</div>
</div>
<LikeButton data={{
postId: msg.id,
author: msg.author
}}/>
<span className="text-gray-600">Like Count: {msg.likeCount} | <span className="text-gray-600">ReplyButton (Number of Replies)</span></span>
</div>
<LikeButton data={{
postId: msg.id,
author: msg.author
}} />
<span className="text-gray-600">Like Count: {msg.likeCount} | <span className="text-gray-600">ReplyButton (Number of Replies)</span></span>
</div>
);
};
</div>
);
};
function formatDate(date: Date){
return date.toLocaleDateString("en-US", {
day: "numeric",
month: "short",
year: "numeric"
});
function formatDate(date: Date) {
return date.toLocaleDateString("en-US", {
day: "numeric",
month: "short",
year: "numeric"
});
}
\ No newline at end of file
app/api/likes/likeService.ts
+ 30
− 35
View file @ a3f893e5
import { prisma } from "@/prisma/db"
import { Prisma} from "@prisma/client"
import { Prisma } from "@prisma/client"
type likeType = Prisma.LikeUncheckedCreateInput
/**
* Creates like if user has not liked this post.
* Deletes like if user has liked post already.
*
*/
export async function putLike(like: likeType): Promise<likeType | undefined> {
//check if like exists by this user and for this post
// if exists delete
//if not create
try{
// check if like exists by this user and for this post
// if exists delete
// if not create
try {
const actualLike = await prisma.like.findFirst({
where: {
id: like.id,
postId: like.postId,
author: like.author
}
})
})
if(actualLike == null){
console.log("like is null")
throw Error("Message was not liked by this user")
}
await prisma.like.delete({
where: {
id: actualLike.id
}
})
if (actualLike == null) {
console.log("like is null")
throw Error("Message was not liked by this user")
}
const msg = await prisma.message.update({
where: {
id: like.postId
},
data:{
likeCount: {increment: -1}
}
})
await prisma.like.delete({
where: {
id: actualLike.id
}
})
return undefined;
const msg = await prisma.message.update({
where: {
id: like.postId
},
data: {
likeCount: { increment: -1 }
}
})
} catch{
return undefined;
} catch {
const createdLike = await prisma.like.create({
data:{
data: {
postId: like.postId,
author: like.author
author: like.author
}
})
......@@ -57,13 +54,11 @@ export async function putLike(like: likeType): Promise<likeType | undefined> {
where: {
id: like.postId
},
data:{
likeCount: {increment: 1}
data: {
likeCount: { increment: 1 }
}
})
return createdLike
}
}
}
\ No newline at end of file
app/api/likes/route.ts
+ 3
− 5
View file @ a3f893e5
import { Prisma } from "@prisma/client";
import { NextRequest, NextResponse } from "next/server";
import { prisma } from "@/prisma/db"
import { Prisma} from "@prisma/client"
import { putLike } from "./likeService";
type like = Prisma.LikeUncheckedCreateInput
export async function PUT(req: NextRequest) {
const data:like = await req.json()
const data: like = await req.json()
console.log("router data: " + data, "status:")
try {
const msg = await putLike(data)
return NextResponse.json({ status: 200, message: 'Like handled' })
......
app/api/messages/route.ts
+ 2
− 2
View file @ a3f893e5
......@@ -21,14 +21,14 @@ export async function POST(req: NextRequest) {
console.log("post")
}
export async function GET(req: NextRequest, res:NextResponse) {
export async function GET(req: NextRequest, res: NextResponse) {
const data = await req.json()
console.log("router data: " + data, "status:")
console.log(data)
try {
const messages = await prisma.message.findMany({
orderBy:{
orderBy: {
sentAt: "desc"
}
})
......
components/LikeButton.tsx → components/like-button.tsx
+ 4
− 6
View file @ a3f893e5
"use client"
import { Message } from "@prisma/client"
import { Prisma } from "@prisma/client";
import { useRouter } from "next/navigation";
import { prisma } from "@/prisma/db";
import { Prisma} from "@prisma/client"
type likeType = Prisma.LikeUncheckedCreateInput
import { startTransition } from "react";
import { startTransition, useState } from "react"
type likeType = Prisma.LikeUncheckedCreateInput
export default function LikeButton(props: { data: likeType }) {
const router = useRouter();
......@@ -22,7 +20,7 @@ export default function LikeButton(props: { data: likeType }) {
method: 'PUT',
body: JSON.stringify(likeData)
})
startTransition(() => {
// Refresh the current route and fetch new data from the server without
// losing client-side browser or React state.
......
components/post-messages.tsx
+ 5
− 7
View file @ a3f893e5
"use client"
import { Message } from "@prisma/client"
import { Message, Prisma } from "@prisma/client";
import { useRouter } from "next/navigation";
import { prisma } from "@/prisma/db";
import { Prisma} from "@prisma/client"
type messageType = Prisma.MessageUncheckedCreateInput
import { startTransition, useState } from "react";
import { startTransition, useState } from "react"
type messageType = Prisma.MessageUncheckedCreateInput
export default function PostMessageForm(props: { data: Message[] | null }) {
const [formData, setFormData] = useState<messageType>({content:""} as messageType);
const [formData, setFormData] = useState<messageType>({ content: "" } as messageType);
// const [messagesState, setMessages] = useState(props.data)
const router = useRouter();
......
prisma/schema.prisma
+ 7
− 7
View file @ a3f893e5
......@@ -16,15 +16,15 @@ model Message {
gameId String?
title String?
content String
likeCount Int? @default (0)
likeCount Int? @default(0)
sentAt DateTime? @default(now())
updatedAt DateTime? @updatedAt
}
model Like {
id Int @id @default(autoincrement())
postId Int
author String?
gameId String?
likedAt DateTime? @default(now())
}
\ No newline at end of file
id Int @id @default(autoincrement())
postId Int
author String?
gameId String?
likedAt DateTime? @default(now())
}
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