beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Icons Added

Browse source
This commit is contained in:
jubitjohn 2023-07-05 12:00:38 +05:30
parent b67c2b399e
commit 5d21d1dda2
3 changed files with 21 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/photos/src/components/Collections/CollectionShare/ShareControl/CollaboratorParticipants.tsx
View file

@ -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) => (
<>

11
apps/photos/src/components/Collections/CollectionShare/ShareControl/OwnerParticipant.tsx
View file

@ -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>
<>

9
apps/photos/src/components/Collections/CollectionShare/ShareControl/ViewerParticipants.tsx
View file

@ -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) => (