From e48bc58a8d7edff5d5df8b16080f099c2509848e Mon Sep 17 00:00:00 2001
From: Skythrew <76571984+Skythrew@users.noreply.github.com>
Date: Mon, 19 Sep 2022 18:18:40 +0200
Subject: [PATCH] Update EmbedSpoiler.tsx

---
 src/components/common/messaging/embed/EmbedSpoiler.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/common/messaging/embed/EmbedSpoiler.tsx b/src/components/common/messaging/embed/EmbedSpoiler.tsx
index 6d8464f6..82a71a56 100644
--- a/src/components/common/messaging/embed/EmbedSpoiler.tsx
+++ b/src/components/common/messaging/embed/EmbedSpoiler.tsx
@@ -1,11 +1,16 @@
 import classNames from "classnames";
+import { useState } from "preact/hooks";
 import { API } from "revolt.js";
 import styles from "./Embed.module.scss";
 
+
 export default function EmbedSpoiler(){
+    
+    const [visible, setVisible] = useState(true);
+
     return (
-    <div className={classNames(styles.spoiler_container)}>
+    <div className={classNames(styles.spoiler_container, visible ? null : styles.hidden)} onClick={() => setVisible(!visible)}>
         <h1 className={classNames(styles.spoiler_title)}>SPOILER</h1>
     </div>
     );
-}
\ No newline at end of file
+}