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

hide option with hide property

Browse source
This commit is contained in:
Abhinav 2022-08-02 13:37:34 +05:30
parent e894954239
commit 7a5d6b89c7
1 changed files with 32 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
src/components/Search/SearchBar/searchInput/optionWithInfo.tsx
View file

@ -15,36 +15,37 @@ export const OptionWithInfo = (props) => (
</Option>
);
const LabelWithInfo = ({ data }: { data: SearchOption }) => (
<>
<Box className="main" px={2} py={1}>
<Typography variant="caption" mb={1}>
{constants.SEARCH_TYPE(data.type)}
</Typography>
<SpaceBetweenFlex>
<Box mr={1}>
<FreeFlowText>
<Typography fontWeight={'bold'}>
{data.label}
const LabelWithInfo = ({ data }: { data: SearchOption }) =>
!data.hide && (
<>
<Box className="main" px={2} py={1}>
<Typography variant="caption" mb={1}>
{constants.SEARCH_TYPE(data.type)}
</Typography>
<SpaceBetweenFlex>
<Box mr={1}>
<FreeFlowText>
<Typography fontWeight={'bold'}>
{data.label}
</Typography>
</FreeFlowText>
<Typography color="text.secondary">
{constants.PHOTO_COUNT(data.fileCount)}
</Typography>
</FreeFlowText>
<Typography color="text.secondary">
{constants.PHOTO_COUNT(data.fileCount)}
</Typography>
</Box>
</Box>
<Stack direction={'row'} spacing={1}>
{data.previewFiles.map((file) => (
<CollectionCard
key={file.id}
latestFile={file}
onClick={() => null}
collectionTile={ResultPreviewTile}
/>
))}
</Stack>
</SpaceBetweenFlex>
</Box>
<Divider sx={{ mx: 2, my: 1 }} />
</>
);
<Stack direction={'row'} spacing={1}>
{data.previewFiles.map((file) => (
<CollectionCard
key={file.id}
latestFile={file}
onClick={() => null}
collectionTile={ResultPreviewTile}
/>
))}
</Stack>
</SpaceBetweenFlex>
</Box>
<Divider sx={{ mx: 2, my: 1 }} />
</>
);