fix link button

Author: hoang.tran12

popup/index.js

@@ -1,6 +1,13 @@
 import config from "../config.js";
 import { allScripts } from "../scripts/index.js";
-import { isTitle, refreshSpecialTabs, specialTabs, tabs } from "./tabs.js";
+import {
+  isFunc,
+  isLink,
+  isTitle,
+  refreshSpecialTabs,
+  specialTabs,
+  tabs,
+} from "./tabs.js";
 import { getFlag, t, toggleLang } from "./helpers/lang.js";
 import { checkBlackWhiteList, runScriptInCurrentTab } from "./helpers/utils.js";
 import {
@@ -125,9 +132,9 @@ function createScriptButton(script, isFavorite = false) {
   const button = document.createElement("button");
   button.className = "tooltip";
 
-  if (script.func && typeof script.func === "function") {
+  if (isFunc(script)) {
     button.onclick = () => runScript(script);
-  } else if (script.link && typeof script.link === "string") {
+  } else if (isLink(script)) {
     button.onclick = () => window.open(script.link);
   } else {
     button.onclick = () => alert("empty script");
@@ -181,17 +188,19 @@ function createScriptButton(script, isFavorite = false) {
   button.appendChild(title);
 
   // add to favorite button
-  const addFavoriteBtn = document.createElement("i");
-  addFavoriteBtn.className = isFavorite
-    ? "fa-solid fa-star star active"
-    : "fa-regular fa-star star";
-  addFavoriteBtn.onclick = (e) => {
-    e.stopPropagation();
-    e.preventDefault();
-
-    favoriteScriptsSaver.toggle(script).then(createTabs);
-  };
-  button.appendChild(addFavoriteBtn);
+  if (isFunc(script)) {
+    const addFavoriteBtn = document.createElement("i");
+    addFavoriteBtn.className = isFavorite
+      ? "fa-solid fa-star star active"
+      : "fa-regular fa-star star";
+    addFavoriteBtn.onclick = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+
+      favoriteScriptsSaver.toggle(script).then(createTabs);
+    };
+    button.appendChild(addFavoriteBtn);
+  }
 
   // tooltip
   const tooltip = document.createElement("span");

popup/styles/style.css

@@ -96,11 +96,6 @@ a:hover {
     margin-bottom: 10px;
 }
 
-.content .favorite {
-    transform: scale(0);
-    transition: all .2s;
-}
-
 .content button {
     display: block;
     border: none;

popup/tabs.js

@@ -5,7 +5,9 @@ import { addBadge, BADGES } from "./helpers/badge.js";
 import { favoriteScriptsSaver, recentScriptsSaver } from "./helpers/storage.js";
 
 const createTitle = (en, vi) => ({ name: { en, vi } });
-const isTitle = (script) => !script.func && !script.file && !script.link;
+const isFunc = (script) => script.func && typeof script.func === "function";
+const isLink = (script) => script.link && typeof script.link === "string";
+const isTitle = (script) => !isFunc(script) && !isLink(script);
 
 const specialTabs = [
   {
@@ -184,6 +186,7 @@ const tabs = [
       ),
       addBadge(
         {
+          icon: "https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-facebook-square2-256.png",
           name: { en: "FB Media Downloader", vi: "FB Media Downloader" },
           description: {
             en: "Tool download media from facebook automatic",
@@ -193,17 +196,6 @@ const tabs = [
         },
         BADGES.hot
       ),
-      {
-        name: {
-          en: "Relational Database Tools",
-          vi: "Giải toán môn PTTK HTTT",
-        },
-        description: {
-          en: "Solve problems in relational data field",
-          vi: "Tính toán các vấn đề trong môn phân tích thiết kế hệ thống thông tin",
-        },
-        link: "https://github.com/HoangTran0410/PTTK",
-      },
       { name: { en: "--- Extensions ---", vi: "--- Extensions hay ---" } },
       {
         icon: "https://lh3.googleusercontent.com/2GdtpZt9NWFkfrfLZnWL2gM2UdCOsgpQhhdxSx4wPw5Iz10NcT433g3iHyAAZ8J-ZCyz3gwLKR1kJQC0PidRVKKJ1Ws=w128-h128-e365-rj-sc0x00ffffff",
@@ -378,4 +370,4 @@ async function refreshSpecialTabs() {
   if (avaiab) avaiab.scripts = await getAvailableScriptsInTabs(tabs);
 }
 
-export { isTitle, refreshSpecialTabs, tabs, specialTabs };
+export { isTitle, isFunc, isLink, refreshSpecialTabs, tabs, specialTabs };