/* * Vencord, a modification for Discord's desktop app * Copyright (c) 2023 Vendicated and contributors * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . */ import { Settings } from "@api/Settings"; import { classNameFactory } from "@api/Styles"; import ErrorBoundary from "@components/ErrorBoundary"; import { findByPropsLazy, findStoreLazy } from "@webpack"; import { i18n, React, useStateFromStores } from "@webpack/common"; const cl = classNameFactory("vc-bf-"); const classes = findByPropsLazy("sidebar", "guilds"); const Animations = findByPropsLazy("a", "animated", "useTransition"); const ChannelRTCStore = findStoreLazy("ChannelRTCStore"); const ExpandedGuildFolderStore = findStoreLazy("ExpandedGuildFolderStore"); function Guilds(props: { className: string; bfGuildFolders: any[]; }) { // @ts-expect-error const res = Vencord.Plugins.plugins.BetterFolders.Guilds(props); // TODO: Make this better const scrollerProps = res.props.children?.props?.children?.props?.children?.[1]?.props; if (scrollerProps?.children) { const servers = scrollerProps.children.find(c => c?.props?.["aria-label"] === i18n.Messages.SERVERS); if (servers) scrollerProps.children = servers; } return res; } export default ErrorBoundary.wrap(() => { const expandedFolders = useStateFromStores([ExpandedGuildFolderStore], () => ExpandedGuildFolderStore.getExpandedFolders()); const fullscreen = useStateFromStores([ChannelRTCStore], () => ChannelRTCStore.isFullscreenInContext()); const guilds = document.querySelector(`.${classes.guilds}`); const visible = !!expandedFolders.size; const className = cl("folder-sidebar", { fullscreen }); const Sidebar = ( ); if (!guilds || !Settings.plugins.BetterFolders.sidebarAnim) return visible ?
{Sidebar}
: null; return ( {(style, show) => show && ( {Sidebar} )} ); }, { noop: true });