Fixing remove user icon.

ReCodEx · Aug 21, 2023 · 0d8d920 · 0d8d920
1 parent 7a17b93
commit 0d8d920
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Users/SupervisorsListItem/SupervisorsListItem.js b/src/components/Users/SupervisorsListItem/SupervisorsListItem.js
@@ -5,7 +5,7 @@ import { FormattedMessage } from 'react-intl';
 
 import Button, { TheButtonGroup } from '../../widgets/TheButton';
 import UsersNameContainer from '../../../containers/UsersNameContainer';
-import Icon, { AdminRoleIcon, ObserverIcon, SupervisorIcon, UserIcon, LoadingIcon } from '../../icons';
+import { AdminRoleIcon, ObserverIcon, RemoveUserIcon, SupervisorIcon, UserIcon, LoadingIcon } from '../../icons';
 
 const SupervisorsListItem = ({
   showButtons,
@@ -157,7 +157,7 @@ const SupervisorsListItem = ({
                   onClick={() => removeMember(groupId, id)}
                   variant="danger"
                   disabled={pendingMembership}>
-                  <Icon icon="user-slash" smallGapRight smallGapLeft fixedWidth />
+                  <RemoveUserIcon smallGapRight smallGapLeft fixedWidth />
                 </Button>
               </OverlayTrigger>
             )}

diff --git a/src/components/icons/index.js b/src/components/icons/index.js
@@ -90,6 +90,7 @@ export const RedoIcon = props => <Icon {...props} icon="redo-alt" />;
 export const ReferenceSolutionIcon = props => <Icon {...props} icon="book" />;
 export const RefreshIcon = props => <Icon {...props} icon="sync" />;
 export const RemoveIcon = props => <Icon {...props} icon="minus-circle" />;
+export const RemoveUserIcon = props => <Icon {...props} icon="user-slash" />;
 export const ResultsIcon = props => <Icon {...props} icon="chart-line" />;
 export const ReviewIcon = ({ review = null, ...props }) =>
   review && review.closedAt ? (

diff --git a/src/components/widgets/Sidebar/MenuAvatar/MenuAvatar.js b/src/components/widgets/Sidebar/MenuAvatar/MenuAvatar.js
@@ -4,7 +4,7 @@ import classnames from 'classnames';
 
 import '../Sidebar.css';
 import AvatarContainer from '../../../../containers/AvatarContainer/AvatarContainer';
-import Icon from '../../../icons';
+import { RemoveUserIcon } from '../../../icons';
 
 const MenuAvatar = ({
   title,
@@ -38,8 +38,7 @@ const MenuAvatar = ({
 
       {onRemove && (
         <span className="sidebarAvatarRemoveIcon">
-          <Icon
-            icon="user-slash"
+          <RemoveUserIcon
             className="text-danger"
             timid
             gapRight

diff --git a/src/containers/ExerciseUserButtonsContainer/ExerciseUserButtonsContainer.js b/src/containers/ExerciseUserButtonsContainer/ExerciseUserButtonsContainer.js
@@ -8,7 +8,7 @@ import { setAuthor, setAdmins } from '../../redux/modules/exercises';
 import { getExerciseSetAuthorStatus, getExerciseSetAdminsStatus } from '../../redux/selectors/exercises';
 
 import Button, { TheButtonGroup } from '../../components/widgets/TheButton';
-import { AdminIcon, AuthorIcon, LoadingIcon, WarningIcon } from '../../components/icons';
+import { AdminIcon, AuthorIcon, LoadingIcon, RemoveUserIcon, WarningIcon } from '../../components/icons';
 
 const ExerciseUserButtonsContainer = ({
   exercise,
@@ -72,7 +72,7 @@ const ExerciseUserButtonsContainer = ({
             {setAdminsStatus ? (
               <LoadingIcon fixedWidth />
             ) : isAdmin ? (
-              <AdminIcon fixedWidth />
+              <RemoveUserIcon fixedWidth />
             ) : (
               <AdminIcon fixedWidth />
             )}