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

reorganise selected file options

Browse source
This commit is contained in:
Abhinav 2022-05-28 13:40:43 +05:30
parent a970861a48
commit 60d505b94d
3 changed files with 9 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/pages/gallery/SelectedFileOptions/DeduplicateOptions.tsx → src/components/pages/dedupe/SelectedFileOptions.tsx
View file

@ -1,5 +1,5 @@
import { IconButton } from 'components/Container';
import { SelectionBar, SelectionContainer } from '.';
import { FluidContainer, IconButton } from 'components/Container';
import { SelectionBar } from '../../Navbar/SelectionBar';
import constants from 'utils/strings/constants';
import DeleteIcon from 'components/icons/DeleteIcon';
import React, { useContext } from 'react';
@ -46,14 +46,14 @@ export default function DeduplicateOptions({
return (
<SelectionBar>
<SelectionContainer>
<FluidContainer>
<IconButton onClick={close}>
<LeftArrow />
</IconButton>
<div>
{count} {constants.SELECTED}
</div>
</SelectionContainer>
</FluidContainer>
<input
type="checkbox"

10
src/components/pages/gallery/SelectedFileOptions/GalleryOptions.tsx → src/components/pages/gallery/SelectedFileOptions.tsx
View file

@ -1,9 +1,9 @@
import React, { useContext, useEffect, useState } from 'react';
import { SetCollectionSelectorAttributes } from '../CollectionSelector';
import { SetCollectionSelectorAttributes } from './CollectionSelector';
import DeleteIcon from 'components/icons/DeleteIcon';
import CloseIcon from '@mui/icons-material/Close';
import AddIcon from 'components/icons/AddIcon';
import { IconButton } from 'components/Container';
import { FluidContainer, IconButton } from 'components/Container';
import constants from 'utils/strings/constants';
import Archive from 'components/icons/Archive';
import MoveIcon from 'components/icons/MoveIcon';
@ -23,7 +23,7 @@ import { FIX_CREATION_TIME_VISIBLE_TO_USER_IDS } from 'constants/user';
import DownloadIcon from 'components/icons/DownloadIcon';
import { User } from 'types/user';
import { IconWithMessage } from 'components/IconWithMessage';
import { SelectionBar, SelectionContainer } from '.';
import { SelectionBar } from '../../Navbar/SelectionBar';
import { AppContext } from 'pages/_app';
interface Props {
@ -136,14 +136,14 @@ const SelectedFileOptions = ({
return (
<SelectionBar>
<SelectionContainer>
<FluidContainer>
<IconButton onClick={clearSelection}>
<CloseIcon />
</IconButton>
<div>
{count} {constants.SELECTED}
</div>
</SelectionContainer>
</FluidContainer>
{activeCollection === TRASH_SECTION ? (
<>
<IconWithMessage message={constants.RESTORE}>

17
src/components/pages/gallery/SelectedFileOptions/index.tsx
View file

@ -1,17 +0,0 @@
import Navbar from 'components/Navbar/base';
import styled from 'styled-components';
export const SelectionBar = styled(Navbar)`
position: fixed;
top: 0;
color: #fff;
z-index: 1001;
width: 100%;
padding: 0 16px;
`;
export const SelectionContainer = styled.div`
flex: 1;
align-items: center;
display: flex;
`;