Icons Added
This commit is contained in:
parent
b67c2b399e
commit
5d21d1dda2
|
@ -1,15 +1,15 @@
|
|||
import { Box } from '@mui/material';
|
||||
import { Box, Typography } from '@mui/material';
|
||||
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { t } from 'i18next';
|
||||
import { Collection } from 'types/collection';
|
||||
import MenuSectionTitle from 'components/Menu/MenuSectionTitle';
|
||||
import { MenuItemGroup } from 'components/Menu/MenuItemGroup';
|
||||
import { EnteMenuItem } from 'components/Menu/EnteMenuItem';
|
||||
// import AvatarCollectionShare from '../AvatarCollectionShare';
|
||||
// import ChevronRightIcon from '@mui/icons-material/ChevronRight';
|
||||
import MenuItemDivider from 'components/Menu/MenuItemDivider';
|
||||
import ManageAddCollab from './MangeAddCollab';
|
||||
import ModeEditIcon from '@mui/icons-material/ModeEdit';
|
||||
|
||||
interface Iprops {
|
||||
collection: Collection;
|
||||
|
@ -35,7 +35,11 @@ export function CollaboratorParticipants({ collection, onRootClose }: Iprops) {
|
|||
|
||||
return (
|
||||
<Box mb={3}>
|
||||
<MenuSectionTitle title={t('Collaborators')} />
|
||||
<Typography color="text.muted" variant="small" padding={1}>
|
||||
<ModeEditIcon style={{ fontSize: 20, marginRight: 8 }} />
|
||||
{t('Collaborators')}
|
||||
</Typography>
|
||||
|
||||
<MenuItemGroup>
|
||||
{collaborators.map((item, index) => (
|
||||
<>
|
||||
|
|
|
@ -1,8 +1,7 @@
|
|||
import { Box } from '@mui/material';
|
||||
import { Box, Typography } from '@mui/material';
|
||||
import React from 'react';
|
||||
import { t } from 'i18next';
|
||||
import { Collection } from 'types/collection';
|
||||
import MenuSectionTitle from 'components/Menu/MenuSectionTitle';
|
||||
import { MenuItemGroup } from 'components/Menu/MenuItemGroup';
|
||||
import { EnteMenuItem } from 'components/Menu/EnteMenuItem';
|
||||
import AvatarCollectionShare from '../AvatarCollectionShare';
|
||||
|
@ -10,6 +9,7 @@ import ChevronRightIcon from '@mui/icons-material/ChevronRight';
|
|||
import { User } from 'types/user';
|
||||
import { LS_KEYS, getData } from 'utils/storage/localStorage';
|
||||
|
||||
import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings';
|
||||
interface Iprops {
|
||||
collection: Collection;
|
||||
}
|
||||
|
@ -25,7 +25,12 @@ export function OwnerParticipant({ collection }: Iprops) {
|
|||
|
||||
return (
|
||||
<Box mb={3}>
|
||||
<MenuSectionTitle title={t('Owner')} />
|
||||
<Typography color="text.muted" variant="small" padding={1}>
|
||||
<AdminPanelSettingsIcon
|
||||
style={{ fontSize: 20, marginRight: 8 }}
|
||||
/>
|
||||
{t('Owner')}
|
||||
</Typography>
|
||||
|
||||
<MenuItemGroup>
|
||||
<>
|
||||
|
|
|
@ -1,13 +1,13 @@
|
|||
import { Box } from '@mui/material';
|
||||
import { Box, Typography } from '@mui/material';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { t } from 'i18next';
|
||||
import { Collection } from 'types/collection';
|
||||
import { MenuItemGroup } from 'components/Menu/MenuItemGroup';
|
||||
import { EnteMenuItem } from 'components/Menu/EnteMenuItem';
|
||||
import MenuItemDivider from 'components/Menu/MenuItemDivider';
|
||||
import MenuSectionTitle from 'components/Menu/MenuSectionTitle';
|
||||
import AvatarCollectionShare from '../AvatarCollectionShare';
|
||||
import ManageAddViewer from './ManageAddViewer';
|
||||
import PhotoIcon from '@mui/icons-material/Photo';
|
||||
|
||||
interface Iprops {
|
||||
collection: Collection;
|
||||
|
@ -30,7 +30,10 @@ export function ViewerParticipants({ collection, onRootClose }: Iprops) {
|
|||
|
||||
return (
|
||||
<Box mb={3}>
|
||||
<MenuSectionTitle title={t('Viewers')} />
|
||||
<Typography color="text.muted" variant="small" padding={1}>
|
||||
<PhotoIcon style={{ fontSize: 20, marginRight: 8 }} />
|
||||
{t('Viewers')}
|
||||
</Typography>
|
||||
<MenuItemGroup>
|
||||
<>
|
||||
{Viewers.map((item, index) => (
|
||||
|
|
Loading…
Reference in a new issue