Merge pull request #55 from zecrypt-io/feature/ananducv/consistancy-fixes-2

duplicate sort elements being displayed over table header in accounts fix

Author: itsmeakhil

packages/frontend-web/app/globals.css

@@ -64,6 +64,11 @@
   }
 }
 
+/* Hide default sort UI in account table headers */
+.accounts-table-header th::after {
+  display: none !important;
+}
+
 /* CSS property for animation */
 @property --angle {
   syntax: "<angle>";

packages/frontend-web/components/accounts-content.tsx

@@ -285,43 +285,19 @@ export function AccountsContent() {
           </div>
         ) : (
           <Table>
-            <TableHeader>
+            <TableHeader className="accounts-table-header">
               <TableRow>
                 <TableHead className="w-[200px]">
-                  <div className="flex items-center">
-                    {translate("account", "accounts")}
-                    <SortButton
-                      field="title"
-                      sortConfig={sortConfig}
-                      setSortConfig={setSortConfig}
-                      label={translate("account", "accounts")}
-                    />
-                  </div>
+                  {translate("account", "accounts")}
                 </TableHead>
                 <TableHead>
-                  <div className="flex items-center">
-                    {translate("username", "accounts")}
-                    <SortButton
-                      field="username"
-                      sortConfig={sortConfig}
-                      setSortConfig={setSortConfig}
-                      label={translate("username", "accounts")}
-                    />
-                  </div>
+                  {translate("username", "accounts")}
                 </TableHead>
                 <TableHead>{translate("password", "accounts")}</TableHead>
                 <TableHead>{translate("website", "accounts")}</TableHead>
                 <TableHead>{translate("tags", "accounts")}</TableHead>
                 <TableHead>
-                  <div className="flex items-center">
-                    {translate("last_modified", "accounts")}
-                    <SortButton
-                      field="updated_at"
-                      sortConfig={sortConfig}
-                      setSortConfig={setSortConfig}
-                      label={translate("last_modified", "accounts")}
-                    />
-                  </div>
+                  {translate("last_modified", "accounts")}
                 </TableHead>
                 <TableHead className="text-right">{translate("actions", "accounts")}</TableHead>
               </TableRow>

packages/frontend-web/messages/de/common.json

@@ -596,10 +596,8 @@
     "expires": "Läuft ab",
     "expired": "Abgelaufen",
     "expiring_soon": "Läuft bald ab",
-    "licenses": {
-      "add_a_tag": "Tag hinzufügen",
-      "date_created": "Erstellungsdatum"
-    }
+    "add_a_tag": "Tag hinzufügen",
+    "date_created": "Erstellungsdatum"
   },
   "wifi": {
     "wifi_networks": "WLAN-Netzwerke",

packages/frontend-web/messages/en/common.json

@@ -100,6 +100,7 @@
     "update_api_key": "Update API Key",
     "manage_your_software_licenses": "Manage your software licenses and keys",
     "date_created": "Date Created",
+    "add_a_tag": "Add a tag",
     "licenses": {
       "licenses": "Software Licenses",
       "add_license": "Add License",