From e7a506783706da332e7823ab75e89d8ef5c4f3ea Mon Sep 17 00:00:00 2001
From: amsyarasyiq <82711525+amsyarasyiq@users.noreply.github.com>
Date: Fri, 24 May 2024 16:51:20 +0800
Subject: [PATCH] chore(ui/plugins): change icons

---
 src/core/ui/settings/pages/Plugins/PluginCard.tsx          | 7 +++++--
 .../pages/Plugins/sheets/PluginInfoActionSheet.tsx         | 7 ++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/core/ui/settings/pages/Plugins/PluginCard.tsx b/src/core/ui/settings/pages/Plugins/PluginCard.tsx
index 19dfd6b..ed7933c 100644
--- a/src/core/ui/settings/pages/Plugins/PluginCard.tsx
+++ b/src/core/ui/settings/pages/Plugins/PluginCard.tsx
@@ -1,7 +1,7 @@
 import { CardWrapper } from "@core/ui/components/AddonCard";
 import { requireAssetIndex } from "@lib/api/assets";
 import { useProxy } from "@lib/api/storage";
-import { BunnyPlugin, startPlugin, stopPlugin } from "@lib/managers/plugins";
+import { BunnyPlugin, getSettings, startPlugin, stopPlugin } from "@lib/managers/plugins";
 import { showSheet } from "@lib/ui/sheets";
 import { lazyDestructure } from "@lib/utils/lazy";
 import { findByProps } from "@metro";
@@ -55,6 +55,7 @@ function Title() {
     </Text>;
 }
 
+// TODO: Wrap in a Card-ish component with red bg
 // TODO: Allow glacing at the error's stack
 function Status() {
     const plugin = usePlugin();
@@ -105,7 +106,9 @@ export default function PluginCard({ item: plugin }: CardWrapper<BunnyPlugin>) {
                                     }}
                                     size="sm"
                                     variant="secondary"
-                                    icon={requireAssetIndex("MoreHorizontalIcon")}
+                                    icon={requireAssetIndex(
+                                        getSettings(plugin.id) ? "SettingsIcon" : "MoreHorizontalIcon"
+                                    )}
                                 />
                                 <TableSwitch
                                     value={plugin.enabled}
diff --git a/src/core/ui/settings/pages/Plugins/sheets/PluginInfoActionSheet.tsx b/src/core/ui/settings/pages/Plugins/sheets/PluginInfoActionSheet.tsx
index 00b55c4..e0390c8 100644
--- a/src/core/ui/settings/pages/Plugins/sheets/PluginInfoActionSheet.tsx
+++ b/src/core/ui/settings/pages/Plugins/sheets/PluginInfoActionSheet.tsx
@@ -7,7 +7,7 @@ import { hideSheet } from "@lib/ui/sheets";
 import { showToast } from "@lib/ui/toasts";
 import { ButtonColors } from "@lib/utils/types";
 import { clipboard } from "@metro/common";
-import { ActionSheet, ActionSheetRow, IconButton, TableRow, Text } from "@metro/common/components";
+import { ActionSheet, ActionSheetRow, Button, TableRow, Text } from "@metro/common/components";
 import { ScrollView, View } from "react-native";
 
 interface InfoProps {
@@ -27,10 +27,11 @@ export default function PluginInfoActionSheet({ plugin, navigation }: InfoProps)
                     {plugin.manifest.name}
                 </Text>
                 <View style={{ marginLeft: "auto" }}>
-                    {Settings && <IconButton
+                    {Settings && <Button
                         size="md"
+                        text="Configure"
                         variant="secondary"
-                        icon={requireAssetIndex("SettingsIcon")}
+                        icon={requireAssetIndex("WrenchIcon")}
                         onPress={() => {
                             hideSheet("PluginInfoActionSheet");
                             navigation.push("VendettaCustomPage", {