reorganise selected file options
This commit is contained in:
parent
a970861a48
commit
60d505b94d
|
@ -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"
|
|
@ -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}>
|
|
@ -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;
|
||||
`;
|
Loading…
Reference in a new issue