Enums

Author: Stigmatoz

src/pages/Popup.vue

@@ -33,8 +33,9 @@
           >{{ t('settings.message') }}<img height="22" src="../assets/icons/settings.svg"
         /></a>
       </div>
-      <a @click="openPage(SettingsTab.Pomodoro)" class="float-right"
-        >{{ t('donate.message') }}<img src="../assets/icons/donate.png" height="22"
+      <a @click="openPage(SettingsTab.Donate)" class="float-right"
+        >{{ t('donate.message')
+        }}<img class="donate-img" src="../assets/icons/donate.png" height="22"
       /></a>
     </div>
   </div>
@@ -185,4 +186,9 @@ function updateTab() {
 .headerBlock .icons-block .dark-mode-icon {
   vertical-align: middle;
 }
+
+.headerBlock .icons-block .donate-img {
+  padding-top: 0;
+  padding-bottom: 0;
+}
 </style>

src/utils/enums.ts

@@ -19,6 +19,7 @@ export enum SettingsTab {
   Notifications,
   Pomodoro,
   About,
+  Donate,
 }
 
 export enum ListWithTime {

src/utils/extension-tabs.ts

@@ -10,6 +10,8 @@ export function getStringTab(tab: SettingsTab) {
       return 'settings';
     case SettingsTab.About:
       return 'about';
+    case SettingsTab.Donate:
+      return 'donation';
     case SettingsTab.Limits:
       return 'limits';
     case SettingsTab.WhiteList: