abner
/
for-legacy-web
mirror of https://github.com/stoatchat/for-legacy-web
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Update EmbedSpoiler.tsx

pull/785/head
Skythrew 2022-09-19 18:18:40 +02:00 committed by GitHub
parent 7221f233b1
commit e48bc58a8d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/common/messaging/embed/EmbedSpoiler.tsx
View File

@ -1,10 +1,15 @@
import classNames from "classnames"; import classNames from "classnames";
import { useState } from "preact/hooks";
import { API } from "revolt.js"; import { API } from "revolt.js";
import styles from "./Embed.module.scss"; import styles from "./Embed.module.scss";
export default function EmbedSpoiler(){ export default function EmbedSpoiler(){
const [visible, setVisible] = useState(true);
return ( 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> <h1 className={classNames(styles.spoiler_title)}>SPOILER</h1>
</div> </div>
); );