From 434d0cf07dbd4ae91e40f89cb219b39ad849f955 Mon Sep 17 00:00:00 2001
From: Cortex <126973723+verysillycat@users.noreply.github.com>
Date: Tue, 1 Oct 2024 21:09:18 -0600
Subject: [PATCH] reflactor(PluginsTab): reformat

---
 .../PluginSettings/PluginStatCards.tsx        | 63 +++++++++++--------
 1 file changed, 38 insertions(+), 25 deletions(-)

diff --git a/src/components/PluginSettings/PluginStatCards.tsx b/src/components/PluginSettings/PluginStatCards.tsx
index 6423a939..93afe418 100644
--- a/src/components/PluginSettings/PluginStatCards.tsx
+++ b/src/components/PluginSettings/PluginStatCards.tsx
@@ -27,33 +27,46 @@ export function StockPluginsCard({ totalStockPlugins, enabledStockPlugins }) {
 }
 
 export function UserPluginsCard({ totalUserPlugins, enabledUserPlugins }) {
-    if (totalUserPlugins <= 1) return (
-        <div className="vc-plugin-stats vc-stockplugins-stats-card">
-            <div className="vc-plugin-stats-card-container ">
-                <div className="vc-plugin-stats-card-section">
-                    <Text variant="text-md/semibold">Total UserPlugins</Text>
-                    <Tooltip text={<img src="https://files.catbox.moe/x4plqa.png" style={{ width: "40px", height: "40px" }} />}>
-                        {tooltipProps => (
-                            <Text variant="heading-xl/bold" {...tooltipProps}>{totalUserPlugins}</Text>
-                        )}
-                    </Tooltip>
+    if (totalUserPlugins <= 1)
+        return (
+            <div className="vc-plugin-stats vc-stockplugins-stats-card">
+                <div className="vc-plugin-stats-card-container ">
+                    <div className="vc-plugin-stats-card-section">
+                        <Text variant="text-md/semibold">Total UserPlugins</Text>
+                        <Tooltip
+                            text={
+                                <img
+                                    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>
-    );
-    else return (
-        <div className="vc-plugin-stats vc-stockplugins-stats-card">
-            <div className="vc-plugin-stats-card-container">
-                <div className="vc-plugin-stats-card-section">
-                    <Text variant="text-md/semibold">Enabled UserPlugins</Text>
-                    <Text variant="heading-xl/bold">{enabledUserPlugins}</Text>
-                </div>
-                <div className="vc-plugin-stats-card-divider"></div>
-                <div className="vc-plugin-stats-card-section">
-                    <Text variant="text-md/semibold">Total UserPlugins</Text>
-                    <Text variant="heading-xl/bold">{totalUserPlugins}</Text>
+        );
+    else
+        return (
+            <div className="vc-plugin-stats vc-stockplugins-stats-card">
+                <div className="vc-plugin-stats-card-container">
+                    <div className="vc-plugin-stats-card-section">
+                        <Text variant="text-md/semibold">Enabled UserPlugins</Text>
+                        <Text variant="heading-xl/bold">{enabledUserPlugins}</Text>
+                    </div>
+                    <div className="vc-plugin-stats-card-divider"></div>
+                    <div className="vc-plugin-stats-card-section">
+                        <Text variant="text-md/semibold">Total UserPlugins</Text>
+                        <Text variant="heading-xl/bold">{totalUserPlugins}</Text>
+                    </div>
                 </div>
             </div>
-        </div>
-    );
+        );
 }