chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-12-06 09:31:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated Discord iFrame

Browse Source
This commit is contained in:
Chad Doty
2025-01-07 08:06:28 -05:00
parent 36fa626f4c
commit 99313b9427
2 changed files with 68 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/DiscordInt.js
View File

@@ -4,26 +4,26 @@ import '../styles/DiscordInt.css'
function DiscordInt() {
const [openLinks, setOpenLinks] = useState(false);
const [isMinimized, setIsMinimized] = useState(false);
const toggleDiscordInt = () => {
setOpenLinks(!openLinks);
const toggleMinimize = () => {
setIsMinimized(!isMinimized);
};
return (
<div className='discordint'>
<div className='discord-opened' id={openLinks ? "open" : "close"}>
<div className='hiddenLinks'>
<div className='discordiframe'><iframe src="https://discord.com/widget?id=573633846587817992&theme=dark" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe></div>
</div>
</div>
<div className='discord-minimized'>
<div className='discordiframe'><iframe src="https://discord.com/widget?id=573633846587817992&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe></div>
<button onClick={toggleDiscordInt}>
<ReorderIcon />
</button>
</div>
</div>
)
}
<div className={`discord-container ${isMinimized ? 'minimized' : ''}`}>
<div className="discord-iframe">
<iframe
src="https://discord.com/widget?id=573633846587817992&theme=dark"
frameborder="0"
title="Discord Widget"
></iframe>
</div>
<button className="discord-toggle" onClick={toggleMinimize}>
<span>{isMinimized ? '▲' : '▼'}</span>
</button>
</div >
);
};
export default DiscordInt