From 47d7f2e2f52cfff025a0ec2993b906bd516f4658 Mon Sep 17 00:00:00 2001
From: Matt Kirby <MattJKirby@outlook.com>
Date: Sat, 11 Mar 2023 22:41:10 +0000
Subject: [PATCH] Refactor hidden post
---
.../src/components/post/HiddenPost.tsx | 23 +++++++++++--------
1 file changed, 14 insertions(+), 9 deletions(-)
diff --git a/daily-thought-frontend/src/components/post/HiddenPost.tsx b/daily-thought-frontend/src/components/post/HiddenPost.tsx
index 936303d8..cb91e144 100644
--- a/daily-thought-frontend/src/components/post/HiddenPost.tsx
+++ b/daily-thought-frontend/src/components/post/HiddenPost.tsx
@@ -1,24 +1,29 @@
import { FC, PropsWithChildren } from "react";
import styles from "../../styles/HiddenPost.module.css"
import { BsEyeSlash } from 'react-icons/bs';
+import Avatar from "../profile/avatar";
+import { User } from "@/types/user";
type HiddenPostProps ={
- UserColors: string[];
+ User: User;
}
const HiddenPost: FC<PropsWithChildren<HiddenPostProps>> = ({
- UserColors
+ User
}) => {
- const shuffledColors = UserColors.sort((a: string, b: string) => 0.5 - Math.random());
+ const shuffledColors = User.Colors.sort((a: string, b: string) => 0.5 - Math.random());
return (
- <div className={styles.hiddenCard}>
- <div className={styles.hiddenCardContent}>
- <BsEyeSlash size={50}/>
- <p className={styles.title}>Post Hidden</p>
- <p className={styles.text}>Post a thought to view</p>
+ <>
+ <Avatar User={User}/>
+ <div className={styles.hiddenCard}>
+ <div className={styles.hiddenCardContent}>
+ <BsEyeSlash size={50}/>
+ <p className={styles.title}>Post Hidden</p>
+ <p className={styles.text}>Post a thought to view</p>
+ </div>
</div>
- </div>
+ </>
)
}
--
GitLab