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)}
>
-
+
{
+const ShowSuperUserOptionContainer = ({ showSettings, username, isMember }) => {
const { isOptionKeyPressed } = useKeyboardContext();
const { isSuperUser } = userContext();
if (isOptionKeyPressed && isSuperUser) {
- return ;
+ return (
+
+ );
}
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 (
+ <>
+
+
+ {updateStatus}
+ >
+ );
+ }
+
return (
<>