Skip to content

Commit

Permalink
feat(onboarding): add links to examples (#8308)
Browse files Browse the repository at this point in the history
  • Loading branch information
Tymek authored Oct 1, 2024
1 parent ab81528 commit a6ab532
Showing 1 changed file with 33 additions and 8 deletions.
41 changes: 33 additions & 8 deletions frontend/src/component/onboarding/flow/SdkExample.tsx
Original file line number Diff line number Diff line change
@@ -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',
Expand All @@ -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<string>(sdkOptions[0].key);

const [selectedSdk, setSelectedSdk] =
useLocalStorageState<exampleDirectories>(
'onboarding-sdk-example',
sdkOptions[0].key,
);
const onChange = (event: SelectChangeEvent) => {
setSelectedSdk(event.target.value);
setSelectedSdk(event.target.value as SdkName);
};

return (
<>
<TitleContainer>View SDK Example</TitleContainer>
Expand All @@ -45,7 +68,9 @@ export const SdkExample = () => {
width: '60%',
}}
/>
<StyledLink to={``}>Go to example</StyledLink>
<StyledLink to={`${repositoryUrl}/${selectedSdk}`} target='_blank'>
Go to example
</StyledLink>
</>
);
};

0 comments on commit a6ab532

Please sign in to comment.