Improve Chatbat Icon

manifest.json

@@ -7,7 +7,7 @@
     "discordID": "372148345894076416",
     "github": "SammCheese"
   },
-  "version": "1.2.2",
+  "version": "1.2.3",
   "updater": {
     "type": "github",
     "id": "SammCheese/invisible-chat"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "invisible-chat",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Encrypt your Discord Messages",
   "engines": {
     "node": ">=14.0.0"
@@ -19,7 +19,7 @@
   },
   "keywords": [],
   "author": "",
-  "license": "ISC",
+  "license": "Unlicensed",
   "devDependencies": {
     "@types/node": "^18.11.2",
     "@typescript-eslint/eslint-plugin": "^5.40.1",

src/assets/chatbarLock.tsx

@@ -1,17 +1,21 @@
-import { common } from "replugged";
+import { common, components } from "replugged";
 import { buildEncModal } from "../components/EncryptionModal";
 
 const { React } = common;
+const { Tooltip, Clickable } = components;
 
 export const chatbarLock = (
-  <svg
-    key="Encrypt Message"
-    fill="var(--header-secondary)"
-    width="30"
-    height="30"
-    viewBox={"0 0 64 64"}
-    style={{ marginTop: 7 }}
-    onClick={() => buildEncModal()}>
-    <path d="M 32 9 C 24.832 9 19 14.832 19 22 L 19 27.347656 C 16.670659 28.171862 15 30.388126 15 33 L 15 49 C 15 52.314 17.686 55 21 55 L 43 55 C 46.314 55 49 52.314 49 49 L 49 33 C 49 30.388126 47.329341 28.171862 45 27.347656 L 45 22 C 45 14.832 39.168 9 32 9 z M 32 13 C 36.963 13 41 17.038 41 22 L 41 27 L 23 27 L 23 22 C 23 17.038 27.037 13 32 13 z" />
-  </svg>
+  <Tooltip text="Encrypt Message">
+    <Clickable style={{ marginTop: 7 }}>
+      <svg
+        key="Encrypt Message"
+        fill="var(--header-secondary)"
+        width="30"
+        height="30"
+        viewBox={"0 0 64 64"}
+        onClick={() => buildEncModal()}>
+        <path d="M 32 9 C 24.832 9 19 14.832 19 22 L 19 27.347656 C 16.670659 28.171862 15 30.388126 15 33 L 15 49 C 15 52.314 17.686 55 21 55 L 43 55 C 46.314 55 49 52.314 49 49 L 49 33 C 49 30.388126 47.329341 28.171862 45 27.347656 L 45 22 C 45 14.832 39.168 9 32 9 z M 32 13 C 36.963 13 41 17.038 41 22 L 41 27 L 23 27 L 23 22 C 23 17.038 27.037 13 32 13 z" />
+      </svg>
+    </Clickable>
+  </Tooltip>
 );