Update members.js

src/pages/community/members.js

@@ -3,6 +3,9 @@ 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 +29,28 @@ 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: "",
@@ -112,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",
@@ -248,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."
+    />
+  );
+};