Refact badge component

Author: Stigmatoz

src/compositions/set-badge.ts

@@ -1,7 +1,18 @@
 import Browser from "webextension-polyfill";
-import { BadgeState } from "./types";
 
-export function useBadge(badge:BadgeState): void{
+export interface BadgeState {
+    color: BadgeColor;
+    tabId: number;
+    text: string;
+}
+
+export enum BadgeColor {
+    red = '#fdb8b8',
+    green = '#6ec05e',
+    none = '#000'
+}
+
+export function useBadge(badge: BadgeState): void {
     Browser.action.setBadgeBackgroundColor({ color: badge.color })
     Browser.action.setBadgeText({
         tabId: badge.tabId,

src/compositions/types.ts

@@ -4,8 +4,8 @@ import { extractHostname } from "./compositions/extract-hostname";
 import { injectTabsRepository } from "./repository/inject-tabs-repository";
 import { isInBlackList } from "./compositions/black-list";
 import { useBadge } from "./compositions/set-badge";
-import { BadgeColor } from "./compositions/types";
 import { INTERVAL_INACTIVITY_DEFAULT, INTERVAL_SAVE_STORAGE_DEFAULT, StorageParams, VIEW_TIME_IN_BADGE_DEFAULT,  } from "./storage/storage-params";
+import { BadgeColor } from "./compositions/set-badge";
 import { injecStorage } from "./storage/inject-storage";
 import { addInterval, closeInterval } from "./compositions/daily-intervals";
 import { ActiveTab } from "./compositions/activeTab";