diff --git a/daily-thought-frontend/src/components/post/HiddenPost.tsx b/daily-thought-frontend/src/components/post/HiddenPost.tsx new file mode 100644 index 0000000000000000000000000000000000000000..936303d8576326408ba32e25262d591a4273c484 --- /dev/null +++ b/daily-thought-frontend/src/components/post/HiddenPost.tsx @@ -0,0 +1,25 @@ +import { FC, PropsWithChildren } from "react"; +import styles from "../../styles/HiddenPost.module.css" +import { BsEyeSlash } from 'react-icons/bs'; + +type HiddenPostProps ={ + UserColors: string[]; +} + +const HiddenPost: FC<PropsWithChildren<HiddenPostProps>> = ({ + UserColors +}) => { + const shuffledColors = UserColors.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> + </div> + </div> + ) +} + +export default HiddenPost;