diff --git a/src/components/UI/downloads/DownloadsTable.tsx b/src/components/UI/downloads/DownloadsTable.tsx index b8a45207c6..055188bc4d 100644 --- a/src/components/UI/downloads/DownloadsTable.tsx +++ b/src/components/UI/downloads/DownloadsTable.tsx @@ -1,5 +1,5 @@ import { Stack, Tabs, TabList, Tab, Text, TabPanel, TabPanels } from '@chakra-ui/react'; -import { FC } from 'react'; +import { FC, useMemo } from 'react'; import { DataTable } from '../../UI'; @@ -37,6 +37,15 @@ export const DownloadsTable: FC = ({ const LAST_2_LINUX_RELEASES = amountOfReleasesToShow + 12; + const getDefaultIndex = useMemo(() => { + const OS: string = typeof window !== 'undefined' ? window.navigator.platform : ''; + if (OS.includes('Mac')) return 1; + if (OS.includes('Win')) return 2; + if (OS.includes('iPhone')) return 3; + if (OS.includes('Android')) return 4; + return 0; + }, []) + return ( = ({ : 'none' } > - setTotalReleases(totalReleases[idx])}> + setTotalReleases(totalReleases[idx])} defaultIndex={getDefaultIndex}> {DOWNLOADS_TABLE_TABS.map((tab, idx) => { return (