From 0696fa82421120ccd93f5097b5e902fcf6efeaf5 Mon Sep 17 00:00:00 2001
From: muskanbatra-dev <95659002+muskanbatra-dev@users.noreply.github.com>
Date: Fri, 4 Nov 2022 23:47:20 +0530
Subject: [PATCH] show relevant options for buttons

---
 src/components/member-card/index.js             |  6 +++++-
 .../member-card/super-user-options/container.js | 10 ++++++++--
 .../member-card/super-user-options/index.js     |  6 ++++--
 src/components/member-role-update/index.js      | 17 +++++++++++++++++
 src/store/user/user-context.js                  |  3 +++
 5 files changed, 37 insertions(+), 5 deletions(-)

diff --git a/src/components/member-card/index.js b/src/components/member-card/index.js
index 078e21c4..a1721711 100644
--- a/src/components/member-card/index.js
+++ b/src/components/member-card/index.js
@@ -33,7 +33,11 @@ const Card = ({ developerInfo }) => {
       onMouseEnter={() => setShowSettings(true)}
       onMouseLeave={() => setShowSettings(false)}
     >
-      <SuperUserOptions username={username} showSettings={showSettings} />
+      <SuperUserOptions
+        username={username}
+        showSettings={showSettings}
+        isMember={isMember}
+      />
       <motion.img
         layoutId={username}
         src={img_url || '/images/Avatar.png'}
diff --git a/src/components/member-card/super-user-options/container.js b/src/components/member-card/super-user-options/container.js
index a34e3399..1a5617ce 100644
--- a/src/components/member-card/super-user-options/container.js
+++ b/src/components/member-card/super-user-options/container.js
@@ -3,12 +3,18 @@ import { useKeyboardContext } from '@store/keyboard/context';
 import { userContext } from '@store/user/user-context';
 import SuperUserOptions from '.';
 
-const ShowSuperUserOptionContainer = ({ showSettings, username }) => {
+const ShowSuperUserOptionContainer = ({ showSettings, username, isMember }) => {
   const { isOptionKeyPressed } = useKeyboardContext();
   const { isSuperUser } = userContext();
 
   if (isOptionKeyPressed && isSuperUser) {
-    return <SuperUserOptions username={username} showSettings={showSettings} />;
+    return (
+      <SuperUserOptions
+        username={username}
+        showSettings={showSettings}
+        isMember={isMember}
+      />
+    );
   }
   return null;
 };
diff --git a/src/components/member-card/super-user-options/index.js b/src/components/member-card/super-user-options/index.js
index d3e0c575..36f0f31e 100644
--- a/src/components/member-card/super-user-options/index.js
+++ b/src/components/member-card/super-user-options/index.js
@@ -2,13 +2,15 @@ import React from 'react';
 import classNames from '@components/member-card/card.module.scss';
 import { userContext } from '@store/user/user-context';
 
-const SuperUserOptions = ({ showSettings, username }) => {
-  const { setShowMemberRoleUpdateModal, setSelectedMember } = userContext();
+const SuperUserOptions = ({ showSettings, username, isMember }) => {
+  const { setShowMemberRoleUpdateModal, setSelectedMember, setIsUserMember } =
+    userContext();
 
   const showModal = (e) => {
     e.preventDefault();
     setShowMemberRoleUpdateModal(true);
     setSelectedMember(username);
+    setIsUserMember(isMember);
   };
 
   return (
diff --git a/src/components/member-role-update/index.js b/src/components/member-role-update/index.js
index d5826cd1..81ee4f7b 100644
--- a/src/components/member-role-update/index.js
+++ b/src/components/member-role-update/index.js
@@ -14,6 +14,7 @@ const MemberRoleUpdate = () => {
     showMemberRoleUpdateModal,
     setShowMemberRoleUpdateModal,
     selectedMember,
+    isUserMember,
   } = userContext();
 
   const [isUpdating, setIsUpdating] = useState(false);
@@ -41,6 +42,22 @@ const MemberRoleUpdate = () => {
   };
 
   const renderPromoteButton = () => {
+    if (isUserMember) {
+      return (
+        <>
+          <button
+            className={classNames.moveToMember}
+            type="button"
+            onClick={() => archiveTheMember(selectedMember)}
+          >
+            Archive Member
+          </button>
+          <br />
+          <p>{updateStatus}</p>
+        </>
+      );
+    }
+
     return (
       <>
         <button
diff --git a/src/store/user/user-context.js b/src/store/user/user-context.js
index 48b5f564..2dfec3cc 100644
--- a/src/store/user/user-context.js
+++ b/src/store/user/user-context.js
@@ -12,6 +12,7 @@ export const UserContextProvider = ({ children }) => {
     useState(false);
   const [selectedMember, setSelectedMember] = useState(null);
   const [userApiCalled, setUserApiCalled] = useState(false);
+  const [isUserMember, setIsUserMember] = useState(true);
 
   const setUserPrivileges = useCallback(async () => {
     setIsLoading(true);
@@ -36,6 +37,8 @@ export const UserContextProvider = ({ children }) => {
     setUserApiCalled,
     setUserPrivileges,
     setIsLoading,
+    isUserMember,
+    setIsUserMember,
   };
 
   return (