From c999d9f9fd589671d63f6c2a4df418213865c1f6 Mon Sep 17 00:00:00 2001
From: Mohd Fardeen Khan <148002766+FARDEEN-785@users.noreply.github.com>
Date: Wed, 29 Jan 2025 08:47:11 +0530
Subject: [PATCH 1/2] Update members.js

# layer5-contributor-member-badges-updated
Added the sistent.svg and kanvas.svg in Community/member.js
Can you check if this is correct

Signed-off-by: Mohd Fardeen Khan <148002766+FARDEEN-785@users.noreply.github.com>
---
 src/pages/community/members.js | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/pages/community/members.js b/src/pages/community/members.js
index a1572acd392e5..14898970ed30b 100644
--- a/src/pages/community/members.js
+++ b/src/pages/community/members.js
@@ -3,6 +3,10 @@ import React, { useState } from "react";
 // Components
 import SEO from "../../components/seo";
 
+// Added the Sistent and kanvas icon
+import sistentContributorIcon from "../../static/assets/badges/sistent-contributor/sistent-contributor.svg";
+import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
+
 
 import MultipleMembers from "../../sections/Community/Members-grid/MemberList";
 import Dropdown from "../../sections/Community/Members-grid/Dropdown";
@@ -26,12 +30,30 @@ import uiuxrIcon from "../../assets/images/uiuxr/uiuxr.svg";
 import docsIcon from "../../assets/images/docs/docs.svg";
 import dockerExtensionIcon from "../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
 import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg";
-import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
+
 /**
  * Array containing a list of categories to be shown in the dropdown.
  * The map function in the end wraps the label property with a component.
  */
 const options = [
+
+  {
+    label: "Sistent Contributor",
+    value: "sistent-contributor",
+    color: lighttheme.linkColor,
+    isFixed: true,
+    icon: sistentContributorIcon,
+    className: "allOptions",
+  },
+  {
+    label: "Kanvas",
+    value: "kanvas",
+    color: lighttheme.linkColor,
+    isFixed: true,
+    icon: kanvasIcon,
+    className: "allOptions",
+  },
+  
   {
     label: "BADGES",
     value: "",
@@ -258,4 +280,4 @@ export const Head = () => {
     title="Members"
     description="An awarding-winning, open source community with a warm and welcoming collection of contributors."
   />;
-};
\ No newline at end of file
+};

From bbfa2942d64e983b45919c3a1f5891d0e7d5c5a4 Mon Sep 17 00:00:00 2001
From: Mohd Fardeen Khan <148002766+FARDEEN-785@users.noreply.github.com>
Date: Wed, 29 Jan 2025 09:27:43 +0530
Subject: [PATCH 2/2] Update members.js

Made changes again for sistent-contributor.svg

Signed-off-by: Mohd Fardeen Khan <148002766+FARDEEN-785@users.noreply.github.com>
---
 src/pages/community/members.js | 26 ++++++++------------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/pages/community/members.js b/src/pages/community/members.js
index 14898970ed30b..ed17fc25e57a3 100644
--- a/src/pages/community/members.js
+++ b/src/pages/community/members.js
@@ -3,11 +3,10 @@ import React, { useState } from "react";
 // Components
 import SEO from "../../components/seo";
 
-// Added the Sistent and kanvas icon
-import sistentContributorIcon from "../../static/assets/badges/sistent-contributor/sistent-contributor.svg";
+// Added the Sistent and Kanvas icon
+import sistentContributorIcon from "../../../static/assets/badges/sistent-contributor/sistent-contributor.svg";
 import kanvasIcon from "../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 
-
 import MultipleMembers from "../../sections/Community/Members-grid/MemberList";
 import Dropdown from "../../sections/Community/Members-grid/Dropdown";
 import { DropdownWrapper } from "../../components/dropdownLayouts/labels.style";
@@ -36,7 +35,6 @@ import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg"
  * The map function in the end wraps the label property with a component.
  */
 const options = [
-
   {
     label: "Sistent Contributor",
     value: "sistent-contributor",
@@ -53,7 +51,6 @@ const options = [
     icon: kanvasIcon,
     className: "allOptions",
   },
-  
   {
     label: "BADGES",
     value: "",
@@ -134,14 +131,6 @@ const options = [
     icon: mesheryOpIcon,
     className: "allOptions",
   },
-  {
-    label: "Kanvas",
-    value: "kanvas",
-    color: lighttheme.linkColor,
-    isFixed: true,
-    icon: kanvasIcon,
-    className: "allOptions",
-  },
   {
     label: "Cloud Native Performance",
     value: "smp",
@@ -270,14 +259,15 @@ const MembersPage = () => {
     <>
       <Dropdown options={options} defaultOption={activeMember} handleChange={handleChange} />
       <MultipleMembers members={members} />
-
     </>
   );
 };
 export default MembersPage;
 export const Head = () => {
-  return <SEO
-    title="Members"
-    description="An awarding-winning, open source community with a warm and welcoming collection of contributors."
-  />;
+  return (
+    <SEO
+      title="Members"
+      description="An awarding-winning, open source community with a warm and welcoming collection of contributors."
+    />
+  );
 };