April 4th - 7th
diff --git a/src/components/navbar/MobileNavbar.tsx b/src/components/navbar/MobileNavbar.tsx
index 454776f..77ba108 100644
--- a/src/components/navbar/MobileNavbar.tsx
+++ b/src/components/navbar/MobileNavbar.tsx
@@ -77,7 +77,7 @@ export default function MobileNavbar() {
as={NextImage}
src="/images/D2J_Icon.png"
className="min-w-[70px]"
- alt="Dare2Jam logo"
+ alt="Down2Jam logo"
width={70}
height={59.7}
/>
diff --git a/src/components/navbar/PCNavbar.tsx b/src/components/navbar/PCNavbar.tsx
index 1e0950b..414903c 100644
--- a/src/components/navbar/PCNavbar.tsx
+++ b/src/components/navbar/PCNavbar.tsx
@@ -114,7 +114,7 @@ export default function PCNavbar() {
as={NextImage}
src="/images/D2J_Icon.png"
className="min-w-[70px]"
- alt="Dare2Jam logo"
+ alt="Down2Jam logo"
width={70}
height={70}
/>
diff --git a/src/components/posts/PostCard.tsx b/src/components/posts/PostCard.tsx
index 25f39bb..ac04e85 100644
--- a/src/components/posts/PostCard.tsx
+++ b/src/components/posts/PostCard.tsx
@@ -1,8 +1,11 @@
+"use client";
+
import {
Avatar,
Button,
Card,
CardBody,
+ Chip,
Dropdown,
DropdownItem,
DropdownMenu,
@@ -28,9 +31,10 @@ import {
import LikeButton from "./LikeButton";
import { PostStyle } from "@/types/PostStyle";
import { UserType } from "@/types/UserType";
-import { useState } from "react";
+import { useEffect, useState } from "react";
import { getCookie } from "@/helpers/cookie";
import { toast } from "react-toastify";
+import { TagType } from "@/types/TagType";
export default function PostCard({
post,
@@ -43,6 +47,21 @@ export default function PostCard({
}) {
const [minimized, setMinimized] = useState
(false);
const [hidden, setHidden] = useState(false);
+ const [reduceMotion, setReduceMotion] = useState(false);
+
+ useEffect(() => {
+ const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+ setReduceMotion(mediaQuery.matches);
+
+ const handleChange = (event: MediaQueryListEvent) => {
+ setReduceMotion(event.matches);
+ };
+ mediaQuery.addEventListener("change", handleChange);
+
+ return () => {
+ mediaQuery.removeEventListener("change", handleChange);
+ };
+ }, []);
return (
+ {post.tags.filter((tag) => tag.name != "D2Jam").length > 0 ? (
+
+ {post.tags
+ .filter((tag) => tag.name != "D2Jam")
+ .map((tag: TagType) => (
+
+
+ )
+ }
+ >
+ {tag.name}
+
+
+ ))}
+
diff --git a/src/types/PostType.ts b/src/types/PostType.ts
index 2f2b7eb..e267e2b 100644
--- a/src/types/PostType.ts
+++ b/src/types/PostType.ts
@@ -1,3 +1,4 @@
+import { TagType } from "./TagType";
import { UserType } from "./UserType";
export interface PostType {
@@ -6,6 +7,7 @@ export interface PostType {
content: string;
author: UserType;
createdAt: Date;
+ tags: TagType[];
likes: [];
hasLiked: boolean;
}
diff --git a/src/types/TagCategoryType.ts b/src/types/TagCategoryType.ts
new file mode 100644
index 0000000..60fef0b
--- /dev/null
+++ b/src/types/TagCategoryType.ts
@@ -0,0 +1,7 @@
+export interface TagCategoryType {
+ id: number;
+ name: string;
+ priority: number;
+ createdAt: Date;
+ updatedAt: Date;
+}
diff --git a/src/types/TagType.ts b/src/types/TagType.ts
new file mode 100644
index 0000000..527f592
--- /dev/null
+++ b/src/types/TagType.ts
@@ -0,0 +1,15 @@
+import { TagCategoryType } from "./TagCategoryType";
+
+export interface TagType {
+ id: number;
+ name: string;
+ description: string;
+ createdAt: Date;
+ updatedAt: Date;
+ autoRegex: string;
+ modOnly: boolean;
+ priority: boolean;
+ alwaysAdded: boolean;
+ icon: string;
+ category: TagCategoryType;
+}