added lock icons for groups

This commit is contained in:
PhilReact 2024-12-16 05:48:15 +02:00
parent c14431c63b
commit b34f0af49a
3 changed files with 59 additions and 7 deletions

View File

@ -26,7 +26,9 @@ import _ from "lodash";
import { MyContext, getBaseApiReact } from "../../App";
import { LoadingButton } from "@mui/lab";
import { getBaseApi, getFee } from "../../background";
import LockIcon from '@mui/icons-material/Lock';
import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred';
import { Spacer } from "../../common/Spacer";
const cache = new CellMeasurerCache({
fixedWidth: true,
defaultHeight: 50,
@ -231,7 +233,17 @@ export const AddGroupList = ({ setInfoSnack, setOpenSnack }) => {
<ListItemButton
onClick={(event) => handlePopoverOpen(event, index)}
>
{group?.isOpen === false && (
<LockIcon sx={{
color: 'var(--green)'
}} />
)}
{group?.isOpen === true && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
}} />
)}
<Spacer width="15px" />
<ListItemText
primary={group?.groupName}
secondary={group?.description}

View File

@ -49,7 +49,8 @@ import ShortUniqueId from "short-unique-id";
import { CustomizedSnackbars } from "../Snackbar/Snackbar";
import { getGroupNames } from "./UserListOfInvites";
import { WrapperUserAction } from "../WrapperUserAction";
import LockIcon from '@mui/icons-material/Lock';
import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred';
export const requestQueuePromos = new RequestQueueWithPromise(20);
export function utf8ToBase64(inputString: string): string {
@ -530,7 +531,10 @@ export const ListOfGroupPromotions = () => {
{promotion?.name}
</Typography>
</Box>
<Typography
</Box>
<Spacer height="20px"/>
<Typography
sx={{
fontWight: 600,
fontFamily: "Inter",
@ -539,7 +543,31 @@ export const ListOfGroupPromotions = () => {
>
{promotion?.groupName}
</Typography>
</Box>
<Spacer height="20px" />
<Box sx={{
display: 'flex',
gap: '20px',
alignItems: 'center'
}}>
{promotion?.isOpen === false && (
<LockIcon sx={{
color: 'var(--green)'
}} />
)}
{promotion?.isOpen === true && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
}} />
)}
<Typography
sx={{
fontSize: "15px",
fontWeight: 600,
}}
>
{promotion?.isOpen ? 'Public group' : 'Private group' }
</Typography>
</Box>
<Spacer height="20px" />
<Typography
sx={{

View File

@ -4,7 +4,9 @@ import { AutoSizer, CellMeasurer, CellMeasurerCache, List } from 'react-virtuali
import { MyContext, getBaseApiReact } from '../../App';
import { LoadingButton } from '@mui/lab';
import { getBaseApi, getFee } from '../../background';
import LockIcon from '@mui/icons-material/Lock';
import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred';
import { Spacer } from "../../common/Spacer";
const cache = new CellMeasurerCache({
fixedWidth: true,
@ -183,7 +185,17 @@ export const UserListOfInvites = ({myAddress, setInfoSnack, setOpenSnack}) => {
</Box>
</Popover>
<ListItemButton onClick={(event) => handlePopoverOpen(event, index)}>
{invite?.isOpen === false && (
<LockIcon sx={{
color: 'var(--green)'
}} />
)}
{invite?.isOpen === true && (
<NoEncryptionGmailerrorredIcon sx={{
color: 'var(--unread)'
}} />
)}
<Spacer width="15px" />
<ListItemText primary={invite?.groupName} secondary={invite?.description} />
</ListItemButton>
</ListItem>