forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-09 01:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat: add empty state for platforms without releases

Browse source
This commit is contained in:
Nicolás Quiroz 2022-12-07 14:30:09 -03:00
parent faa0640465
commit af86168c2f
2 changed files with 40 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
src/components/UI/DataTable.tsx
View file

@ -1,4 +1,15 @@
import { Link, Table, Thead, Tr, Th, TableContainer, Text, Tbody, Td } from '@chakra-ui/react'; import {
Link,
Table,
Thead,
Tr,
Th,
TableContainer,
Text,
Tbody,
Td,
Stack
} from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import { OpenPGPSignaturesData, ReleaseData } from '../../types'; import { OpenPGPSignaturesData, ReleaseData } from '../../types';
import { getParsedDate } from '../../utils'; import { getParsedDate } from '../../utils';
@ -20,6 +31,7 @@ export const DataTable: FC<Props> = ({ columnHeaders, data }) => {
css={{ css={{
'&::-webkit-scrollbar': { '&::-webkit-scrollbar': {
borderTop: '2px solid var(--chakra-colors-primary)', borderTop: '2px solid var(--chakra-colors-primary)',
borderBottom: '2px solid var(--chakra-colors-primary)',
height: 18 height: 18
}, },
'&::-webkit-scrollbar-thumb': { '&::-webkit-scrollbar-thumb': {
@ -30,26 +42,34 @@ export const DataTable: FC<Props> = ({ columnHeaders, data }) => {
pb={4} pb={4}
> >
<Table variant='unstyled'> <Table variant='unstyled'>
<Thead> {data.length > 0 && (
<Tr> <Thead>
{columnHeaders.map((columnHeader, idx) => { <Tr>
return ( {columnHeaders.map((columnHeader, idx) => {
<Th key={idx} textTransform='none' minW={'130.5px'} px={4}> return (
<Text <Th key={idx} textTransform='none' minW={'130.5px'} px={4}>
fontFamily='"JetBrains Mono", monospace' <Text
fontWeight={700} fontFamily='"JetBrains Mono", monospace'
fontSize='md' fontWeight={700}
color='#868b87' //? Use theme color? Or add to theme? fontSize='md'
> color='#868b87' //? Use theme color? Or add to theme?
{columnHeader} >
</Text> {columnHeader}
</Th> </Text>
); </Th>
})} );
</Tr> })}
</Thead> </Tr>
</Thead>
)}
<Tbody> <Tbody>
{data.length === 0 && (
<Stack justifyContent='center' alignItems='center' w='100%' minH={80}>
<Text textStyle='header4'>No builds found</Text>
</Stack>
)}
{dataType === 'Releases' && {dataType === 'Releases' &&
data.map((r: ReleaseData, idx: number) => { data.map((r: ReleaseData, idx: number) => {
return ( return (

2
src/components/UI/downloads/DownloadsTable.tsx
View file

@ -36,7 +36,7 @@ export const DownloadsTable: FC<Props> = ({
const LAST_2_LINUX_RELEASES = amountOfReleasesToShow + 12; const LAST_2_LINUX_RELEASES = amountOfReleasesToShow + 12;
return ( return (
<Stack sx={{ mt: '0 !important' }} borderBottom='2px solid' borderColor='primary'> <Stack sx={{ mt: '0 !important' }}>
<Tabs variant='unstyled' onChange={idx => setTotalReleases(totalReleases[idx])}> <Tabs variant='unstyled' onChange={idx => setTotalReleases(totalReleases[idx])}>
<TabList color='primary' bg='button-bg'> <TabList color='primary' bg='button-bg'>
{DOWNLOADS_TABLE_TABS.map((tab, idx) => { {DOWNLOADS_TABLE_TABS.map((tab, idx) => {