alt/zot-wo-auth
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

patch: Changed display values of filters, added tooltip on hover

Browse Source 
Signed-off-by: Raul Kele <raulkeleblk@gmail.com>
This commit is contained in:
Raul Kele 2022-10-17 14:29:59 +03:00
parent 7e0cd7d3b1
commit 7dc3caf0b0
2 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/FilterCard.jsx
View File

@ -1,4 +1,4 @@
import { Card, CardContent, Checkbox, FormControlLabel, Stack, Typography } from '@mui/material';
import { Card, CardContent, Checkbox, FormControlLabel, Stack, Tooltip, Typography } from '@mui/material';
import { makeStyles } from '@mui/styles';
import React from 'react';
@ -44,15 +44,16 @@ function FilterCard(props) {
const filterRows = filters;
return filterRows.map((filter, index) => {
return (
<FormControlLabel
key={index}
componentsProps={{ typography: { variant: 'body2' } }}
control={<Checkbox />}
label={filter.label}
id={title}
// checked={filter.label === selectedFilter}
onChange={() => handleFilterClicked(event, filter.label, filter.value)}
/>
<Tooltip key={index} title={filter.tooltip ?? filter.label} placement="right">
<FormControlLabel
componentsProps={{ typography: { variant: 'body2' } }}
control={<Checkbox />}
label={filter.label}
id={title}
// checked={filter.label === selectedFilter}
onChange={() => handleFilterClicked(event, filter.label, filter.value)}
/>
</Tooltip>
);
});
};

35
src/utilities/filterConstants.js
View File

@ -19,32 +19,39 @@ const imageFilters = [
const archFilters = [
{
label: 'ARM',
value: 'arm'
label: 'arm',
value: 'arm',
tooltip: '32-bit ARM'
},
{
label: 'ARM 64',
value: 'arm64'
label: 'arm64',
value: 'arm64',
tooltip: '64-bit ARM'
},
{
label: 'IBM POWER',
value: 'ppc64'
label: 'ppc64',
value: 'ppc64',
tooltip: 'PowerPC 64-bit, big-endian'
},
{
label: 'IBM Z',
value: 's390x'
label: 's390x',
value: 's390x',
tooltip: 'IBM System z 64-bit, big-endian'
},
{
label: 'PowerPC 64 LE',
value: 'ppc64le'
label: 'ppc64le',
value: 'ppc64le',
tooltip: 'PowerPC 64-bit, little-endian'
},
{
label: 'x86',
value: '386'
label: '386',
value: '386',
tooltip: '32-bit x86'
},
{
label: 'x86-64',
value: 'amd64'
label: 'amd64',
value: 'amd64',
tooltip: '64-bit x86'
}
];