cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-28 18:00:59 -05:00
Code Issues Projects Releases Packages Wiki Activity

Update EmbedSpoiler.tsx

Browse source
This commit is contained in:
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>
); );