From 6734bf245f84376fbfad049a355315d315e78a55 Mon Sep 17 00:00:00 2001
From: = <akhilmhdh@gmail.com>
Date: Mon, 30 Jun 2025 22:48:42 +0530
Subject: [PATCH] feat: corrected icon again and fixed incorrect title in
 settings page of products

---
 frontend/public/lotties/vault.json            | 108 +++++++++++++++++-
 .../pages/kms/SettingsPage/SettingsPage.tsx   |   2 +-
 .../project/SettingsPage/SettingsPage.tsx     |   5 +-
 .../SettingsPage/SettingsPage.tsx             |   5 +-
 .../SettingsPage/SettingsPage.tsx             |   5 +-
 .../pages/ssh/SettingsPage/SettingsPage.tsx   |   2 +-
 6 files changed, 121 insertions(+), 6 deletions(-)

diff --git a/frontend/public/lotties/vault.json b/frontend/public/lotties/vault.json
index 2b60ac83e..13f1ab507 100644
--- a/frontend/public/lotties/vault.json
+++ b/frontend/public/lotties/vault.json
@@ -14,6 +14,112 @@
       "ddd": 0,
       "ind": 1,
       "ty": 4,
+      "nm": "Shape Layer 2",
+      "sr": 1,
+      "ks": {
+        "p": { "a": 0, "k": [0, 0], "ix": 2 },
+        "a": { "a": 0, "k": [0, 0], "ix": 2 },
+        "s": { "a": 0, "k": [100, 100], "ix": 2 },
+        "r": { "a": 0, "k": 0, "ix": 2 },
+        "o": { "a": 0, "k": 100, "ix": 2 },
+        "sk": { "a": 0, "k": 0, "ix": 2 },
+        "sa": { "a": 0, "k": 0, "ix": 2 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "nm": "Shape Layer 2",
+          "it": [
+            {
+              "ty": "rc",
+              "d": 1,
+              "s": { "a": 0, "k": [49.3180325191623, 68.7788286222386], "ix": 2 },
+              "p": { "a": 0, "k": [0, 0], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 }
+            },
+            {
+              "ty": "fl",
+              "c": { "a": 0, "k": [1, 1, 1], "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "r": 1,
+              "bm": 0
+            },
+            {
+              "ty": "tr",
+              "p": { "a": 0, "k": [36.65843963623047, 374.4748840332031], "ix": 2 },
+              "a": { "a": 0, "k": [0, 0], "ix": 2 },
+              "s": { "a": 0, "k": [100, 100], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "sk": { "a": 0, "k": 0, "ix": 2 },
+              "sa": { "a": 0, "k": 0, "ix": 2 }
+            }
+          ]
+        }
+      ],
+      "ip": 0,
+      "op": 201,
+      "st": 0,
+      "bm": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 2,
+      "ty": 4,
+      "nm": "Shape Layer 1",
+      "sr": 1,
+      "ks": {
+        "p": { "a": 0, "k": [0, 0], "ix": 2 },
+        "a": { "a": 0, "k": [0, 0], "ix": 2 },
+        "s": { "a": 0, "k": [100, 100], "ix": 2 },
+        "r": { "a": 0, "k": 0, "ix": 2 },
+        "o": { "a": 0, "k": 100, "ix": 2 },
+        "sk": { "a": 0, "k": 0, "ix": 2 },
+        "sa": { "a": 0, "k": 0, "ix": 2 }
+      },
+      "ao": 0,
+      "shapes": [
+        {
+          "ty": "gr",
+          "nm": "Shape Layer 1",
+          "it": [
+            {
+              "ty": "rc",
+              "d": 1,
+              "s": { "a": 0, "k": [49.3180325191623, 68.7788286222386], "ix": 2 },
+              "p": { "a": 0, "k": [0, 0], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 }
+            },
+            {
+              "ty": "fl",
+              "c": { "a": 0, "k": [1, 1, 1], "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "r": 1,
+              "bm": 0
+            },
+            {
+              "ty": "tr",
+              "p": { "a": 0, "k": [36.65843963623047, 152], "ix": 2 },
+              "a": { "a": 0, "k": [0, 0], "ix": 2 },
+              "s": { "a": 0, "k": [100, 100], "ix": 2 },
+              "r": { "a": 0, "k": 0, "ix": 2 },
+              "o": { "a": 0, "k": 100, "ix": 2 },
+              "sk": { "a": 0, "k": 0, "ix": 2 },
+              "sa": { "a": 0, "k": 0, "ix": 2 }
+            }
+          ]
+        }
+      ],
+      "ip": 0,
+      "op": 201,
+      "st": 0,
+      "bm": 0
+    },
+    {
+      "ddd": 0,
+      "ind": 3,
+      "ty": 4,
       "nm": "bank-safe-box-svgrepo-com.svg 1",
       "sr": 1,
       "ks": {
@@ -864,7 +970,7 @@
             },
             {
               "ty": "tr",
-              "p": { "a": 0, "k": [74.0975341796875, 122.56097412109375], "ix": 2 },
+              "p": { "a": 0, "k": [80.75597381591797, 122.56097412109375], "ix": 2 },
               "a": { "a": 0, "k": [399.99816274642944, 399.99998253828016], "ix": 2 },
               "s": { "a": 0, "k": [112.70011646566, 112.70011646566], "ix": 2 },
               "r": { "a": 0, "k": 0, "ix": 2 },
diff --git a/frontend/src/pages/kms/SettingsPage/SettingsPage.tsx b/frontend/src/pages/kms/SettingsPage/SettingsPage.tsx
index 36249644a..566107a77 100644
--- a/frontend/src/pages/kms/SettingsPage/SettingsPage.tsx
+++ b/frontend/src/pages/kms/SettingsPage/SettingsPage.tsx
@@ -20,7 +20,7 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader title="Settings" />
         <Tabs defaultValue={tabs[0].key}>
           <TabList>
             {tabs.map((tab) => (
diff --git a/frontend/src/pages/project/SettingsPage/SettingsPage.tsx b/frontend/src/pages/project/SettingsPage/SettingsPage.tsx
index dce31f01b..76d88947a 100644
--- a/frontend/src/pages/project/SettingsPage/SettingsPage.tsx
+++ b/frontend/src/pages/project/SettingsPage/SettingsPage.tsx
@@ -16,7 +16,10 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader
+          title={t("settings.project.title")}
+          description="Configure your project details and  project-specific settings"
+        />
         <Tabs defaultValue={tabs[0].key}>
           <TabList>
             {tabs.map((tab) => (
diff --git a/frontend/src/pages/secret-manager/SettingsPage/SettingsPage.tsx b/frontend/src/pages/secret-manager/SettingsPage/SettingsPage.tsx
index 2e53e956e..49bf7780e 100644
--- a/frontend/src/pages/secret-manager/SettingsPage/SettingsPage.tsx
+++ b/frontend/src/pages/secret-manager/SettingsPage/SettingsPage.tsx
@@ -39,7 +39,10 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader
+          title="Settings"
+          description="Configure your secret manager's encryption, environments, webhooks and other configurations."
+        />
         <Tabs defaultValue={tabs[0].key}>
           <TabList>
             {tabs
diff --git a/frontend/src/pages/secret-scanning/SettingsPage/SettingsPage.tsx b/frontend/src/pages/secret-scanning/SettingsPage/SettingsPage.tsx
index 3a43bfbd8..ba061dd15 100644
--- a/frontend/src/pages/secret-scanning/SettingsPage/SettingsPage.tsx
+++ b/frontend/src/pages/secret-scanning/SettingsPage/SettingsPage.tsx
@@ -17,7 +17,10 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader
+          title="Settings"
+          description="Configure your Secret Scanning product's configurations."
+        />
         <Tabs defaultValue="tab-project-general">
           <TabList>
             <Tab value="tab-project-general">General</Tab>
diff --git a/frontend/src/pages/ssh/SettingsPage/SettingsPage.tsx b/frontend/src/pages/ssh/SettingsPage/SettingsPage.tsx
index 9bf8ae1d2..7a7b612df 100644
--- a/frontend/src/pages/ssh/SettingsPage/SettingsPage.tsx
+++ b/frontend/src/pages/ssh/SettingsPage/SettingsPage.tsx
@@ -16,7 +16,7 @@ export const SettingsPage = () => {
         <title>{t("common.head-title", { title: t("settings.project.title") })}</title>
       </Helmet>
       <div className="w-full max-w-7xl">
-        <PageHeader title={t("settings.project.title")} />
+        <PageHeader title="Settings" description="Configure your SSH product's configurations." />
         <Tabs defaultValue="tab-project-general">
           <TabList>
             <Tab value="tab-project-general">General</Tab>