diff --git a/frontend/src/component/onboarding/flow/SdkExample.tsx b/frontend/src/component/onboarding/flow/SdkExample.tsx index 04c667400e..a22ae60afc 100644 --- a/frontend/src/component/onboarding/flow/SdkExample.tsx +++ b/frontend/src/component/onboarding/flow/SdkExample.tsx @@ -1,8 +1,8 @@ import { type SelectChangeEvent, styled, Typography } from '@mui/material'; import { Link } from 'react-router-dom'; -import Select from '../../common/select'; -import { useState } from 'react'; -import { allSdks } from '../dialog/sharedTypes'; +import { useLocalStorageState } from 'hooks/useLocalStorageState'; +import Select from 'component/common/select'; +import { allSdks, type SdkName } from '../dialog/sharedTypes'; const TitleContainer = styled('div')(({ theme }) => ({ display: 'flex', @@ -18,17 +18,40 @@ const StyledLink = styled(Link)({ textDecoration: 'none', }); +const repositoryUrl = + 'https://github.com/Unleash/unleash-sdk-examples/tree/main'; + +type exampleDirectories = + | 'Android' + | '.NET' + | 'Flutter' + | 'Go' + | 'Java' + | 'JavaScript' + | 'Node.js' + | 'PHP' + | 'Python' + | 'React' + | 'Ruby' + | 'Rust' + | 'Svelte' + | 'Swift' + | 'Vue'; + export const SdkExample = () => { const sdkOptions = allSdks.map((sdk) => ({ key: sdk.name, label: sdk.name, })); - - const [selectedSdk, setSelectedSdk] = useState(sdkOptions[0].key); - + const [selectedSdk, setSelectedSdk] = + useLocalStorageState( + 'onboarding-sdk-example', + sdkOptions[0].key, + ); const onChange = (event: SelectChangeEvent) => { - setSelectedSdk(event.target.value); + setSelectedSdk(event.target.value as SdkName); }; + return ( <> View SDK Example @@ -45,7 +68,9 @@ export const SdkExample = () => { width: '60%', }} /> - Go to example + + Go to example + ); };