mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-01-31 11:43:32 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

reflactor(PluginsTab): reformat

Browse source
This commit is contained in:
Cortex 2024-10-01 21:09:18 -06:00
parent 58c7eea90a
commit 434d0cf07d
1 changed files with 38 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
src/components/PluginSettings/PluginStatCards.tsx
View file

@ -27,33 +27,46 @@ export function StockPluginsCard({ totalStockPlugins, enabledStockPlugins }) {
} }
export function UserPluginsCard({ totalUserPlugins, enabledUserPlugins }) { export function UserPluginsCard({ totalUserPlugins, enabledUserPlugins }) {
if (totalUserPlugins <= 1) return ( if (totalUserPlugins <= 1)
<div className="vc-plugin-stats vc-stockplugins-stats-card"> return (
<div className="vc-plugin-stats-card-container "> <div className="vc-plugin-stats vc-stockplugins-stats-card">
<div className="vc-plugin-stats-card-section"> <div className="vc-plugin-stats-card-container ">
<Text variant="text-md/semibold">Total UserPlugins</Text> <div className="vc-plugin-stats-card-section">
<Tooltip text={<img src="https://files.catbox.moe/x4plqa.png" style={{ width: "40px", height: "40px" }} />}> <Text variant="text-md/semibold">Total UserPlugins</Text>
{tooltipProps => ( <Tooltip
<Text variant="heading-xl/bold" {...tooltipProps}>{totalUserPlugins}</Text> text={
)} <img
</Tooltip> src="https://discord.com/assets/ab6835d2922224154ddf.svg"
style={{ width: "40px", height: "40px" }}
/>
}
>
{tooltipProps => (
<span style={{ display: "inline", position: "relative" }}>
<Text variant="heading-xl/bold" {...tooltipProps}>
{totalUserPlugins}
</Text>
</span>
)}
</Tooltip>
</div>
</div> </div>
</div> </div>
</div> );
); else
else return ( return (
<div className="vc-plugin-stats vc-stockplugins-stats-card"> <div className="vc-plugin-stats vc-stockplugins-stats-card">
<div className="vc-plugin-stats-card-container"> <div className="vc-plugin-stats-card-container">
<div className="vc-plugin-stats-card-section"> <div className="vc-plugin-stats-card-section">
<Text variant="text-md/semibold">Enabled UserPlugins</Text> <Text variant="text-md/semibold">Enabled UserPlugins</Text>
<Text variant="heading-xl/bold">{enabledUserPlugins}</Text> <Text variant="heading-xl/bold">{enabledUserPlugins}</Text>
</div> </div>
<div className="vc-plugin-stats-card-divider"></div> <div className="vc-plugin-stats-card-divider"></div>
<div className="vc-plugin-stats-card-section"> <div className="vc-plugin-stats-card-section">
<Text variant="text-md/semibold">Total UserPlugins</Text> <Text variant="text-md/semibold">Total UserPlugins</Text>
<Text variant="heading-xl/bold">{totalUserPlugins}</Text> <Text variant="heading-xl/bold">{totalUserPlugins}</Text>
</div>
</div> </div>
</div> </div>
</div> );
);
} }