Update auth tab icon

edgedb · Oct 6, 2023 · 9b4ff88 · 9b4ff88
1 parent 286f0e5
commit 9b4ff88
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/shared/studio/icons/index.tsx b/shared/studio/icons/index.tsx
@@ -280,6 +280,31 @@ export function TabTeamsIcon(props: ActiveItem) {
   );
 }
 
+export function TabAuthIcon(props: ActiveItem) {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.0006 6.56168C18.0015 6.56226 18.0018 6.56201 18.0006 6.56168C18.0006 6.56171 18.0007 6.56185 18.0006 6.56168ZM18.0006 6.56168C18.0006 6.56171 18.0007 6.56185 18.0006 6.56168ZM18.0006 6.56168L12 5.06152L6 6.56152V13C6 14.6736 6.90705 16.1336 8.2796 17.3895C9.57442 18.5744 11.0935 19.3948 12 19.8211C12.9065 19.3948 14.4256 18.5744 15.7204 17.3895C17.093 16.1336 18 14.6736 18 13L18.0006 6.56168ZM5.51493 4.62124C4.62459 4.84382 4 5.64259 4 6.56033V13C4 17.9177 9.37418 20.8201 11.313 21.7071C11.7527 21.9083 12.2473 21.9083 12.687 21.7071C14.6258 20.8201 20 17.9177 20 13V6.56033C20 5.64259 19.3754 4.84382 18.4851 4.62124L12.4851 3.12124C12.1666 3.04162 11.8334 3.04162 11.5149 3.12124L5.51493 4.62124Z"
+        fill={props.active ? activeColor1 : undefined}
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 12.9999L16.0004 8.12316L12 7.12305L8 8.12305V12.9999C8 13.8913 8.47379 14.8562 9.62976 15.914C10.3895 16.6092 11.2632 17.1703 12 17.5765C12.7368 17.1703 13.6105 16.6092 14.3702 15.914C15.5262 14.8562 16 13.8913 16 12.9999ZM12 15.2352C12.355 14.9945 12.7045 14.7273 13.0201 14.4385C13.9546 13.5834 14 13.1135 14 12.9999L14.0003 9.68468L12 9.1846L10 9.6846V12.9999C10 13.1135 10.0454 13.5834 10.9799 14.4385C11.2955 14.7273 11.645 14.9945 12 15.2352Z"
+        fill={props.active ? activeColor3 : undefined}
+      />
+    </svg>
+  );
+}
+
 export function TabGraphQlIcon(props: ActiveItem) {
   return (
     <svg

diff --git a/shared/studio/tabs/auth/index.tsx b/shared/studio/tabs/auth/index.tsx
@@ -8,7 +8,7 @@ import styles from "./authAdmin.module.scss";
 
 import {DatabaseTabSpec} from "../../components/databasePage";
 
-import {ChevronDownIcon, DeleteIcon, TabDashboardIcon} from "../../icons";
+import {ChevronDownIcon, DeleteIcon, TabAuthIcon} from "../../icons";
 import {
   AuthAdminState,
   AuthProviderData,
@@ -74,7 +74,7 @@ export const AuthAdmin = observer(function AuthAdmin() {
 export const authAdminTabSpec: DatabaseTabSpec = {
   path: "auth",
   label: "Auth Admin",
-  icon: (active) => <TabDashboardIcon active={active} />,
+  icon: (active) => <TabAuthIcon active={active} />,
   usesSessionState: false,
   element: <AuthAdmin />,
   state: AuthAdminState,