Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-15 17:50:48 +02:00
Code Issues Projects Releases Wiki Activity

fix: clean up footer a bit

Browse Source
This commit is contained in:
Ivar Conradi Østhus 2021-08-26 21:01:19 +02:00
parent 2d8f1d033a
commit 2d312a8b8f
3 changed files with 933 additions and 306 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

190
frontend/src/component/menu/Footer/Footer.jsx
View File

@ -1,3 +1,4 @@
/* eslint-disable react/jsx-no-target-blank */
import React from 'react'; import React from 'react';
import { List, ListItem, ListItemText, Grid } from '@material-ui/core'; import { List, ListItem, ListItemText, Grid } from '@material-ui/core';
@ -11,17 +12,23 @@ export const Footer = () => {
return ( return (
<footer className={styles.footer}> <footer className={styles.footer}>
<Grid container> <Grid container justify="center" spacing={10}>
<Grid item xs={3}> <Grid item md={4} xs={12}>
<section title="Client SDKs"> <ShowApiDetailsContainer />
<h4>Client SDKs</h4> </Grid>
<List className={styles.list}> <Grid item xs="12" md="auto">
<Grid container spacing={7} direction="row" >
<Grid item>
<section title="Unleash SDK">
<h4>Server SDKs</h4>
<List className={styles.list} dense>
<ListItem className={styles.listItem}> <ListItem className={styles.listItem}>
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://github.com/Unleash/unleash-client-node" href="https://docs.getunleash.io/sdks/node_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
Node.js Node.js
</a> </a>
@ -32,8 +39,9 @@ export const Footer = () => {
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://github.com/Unleash/unleash-client-java" href="https://docs.getunleash.io/sdks/java_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
Java Java
</a> </a>
@ -44,8 +52,9 @@ export const Footer = () => {
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://github.com/Unleash/unleash-client-go" href="https://docs.getunleash.io/sdks/go_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
Go Go
</a> </a>
@ -56,8 +65,9 @@ export const Footer = () => {
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://github.com/Unleash/unleash-client-ruby" href="https://docs.getunleash.io/sdks/ruby_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
Ruby Ruby
</a> </a>
@ -68,8 +78,9 @@ export const Footer = () => {
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://github.com/Unleash/unleash-client-python" href="https://docs.getunleash.io/sdks/python_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
Python Python
</a> </a>
@ -80,10 +91,11 @@ export const Footer = () => {
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://github.com/Unleash/unleash-client-core" href="https://docs.getunleash.io/sdks/dot_net_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
.Net Core .NET
</a> </a>
} }
/> />
@ -92,10 +104,24 @@ export const Footer = () => {
<ListItemText <ListItemText
primary={ primary={
<a <a
href="https://unleash.github.io/docs/client_sdk" href="https://docs.getunleash.io/sdks/php_sdk"
className={styles.link} className={styles.link}
target="_blank"
> >
All client SDKs PHP
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://docs.getunleash.io/sdks"
className={styles.link}
target="_blank"
>
All SDKs
</a> </a>
} }
/> />
@ -103,10 +129,142 @@ export const Footer = () => {
</List> </List>
</section> </section>
</Grid> </Grid>
<Grid item xs={12}> <Grid item justifyContent="center">
<ShowApiDetailsContainer /> <section title="Unleash SDK">
<h4>Frontend SDKs</h4>
<List className={styles.list} dense>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://docs.getunleash.io/sdks/unleash-proxy"
className={styles.link}
target="_blank"
>
Unleash Proxy
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://docs.getunleash.io/sdks/proxy-javascript"
className={styles.link}
target="_blank"
>
JavaScript SDK
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://docs.getunleash.io/sdks/proxy-react"
className={styles.link}
target="_blank"
>
React SDK
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://docs.getunleash.io/sdks/proxy-ios"
className={styles.link}
target="_blank"
>
iOS SDK
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://docs.getunleash.io/sdks/android_proxy_sdk"
className={styles.link}
target="_blank"
>
Android SDK
</a>
}
/>
</ListItem>
</List>
</section>
</Grid>
<Grid item>
<section>
<h4>About</h4>
<List className={styles.list} dense>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://www.getunleash.io/"
className={styles.link}
target="_blank"
>
getunleash.io
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://twitter.com/getunleash"
className={styles.link}
target="_blank"
>
Twitter
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://www.linkedin.com/company/getunleash"
className={styles.link}
target="_blank"
>
LinkedIn
</a>
}
/>
</ListItem>
<ListItem className={styles.listItem}>
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash"
className={styles.link}
target="_blank"
>
GitHub
</a>
}
/>
</ListItem>
</List>
</section>
</Grid> </Grid>
</Grid> </Grid>
</Grid>
</Grid>
</footer> </footer>
); );
}; };

1
frontend/src/component/menu/Footer/Footer.styles.js
View File

@ -5,6 +5,7 @@ export const useStyles = makeStyles(theme => ({
background: theme.palette.footer.background, background: theme.palette.footer.background,
padding: '2rem 4rem', padding: '2rem 4rem',
width: '100%', width: '100%',
flexGrow: 1,
}, },
list: { list: {
padding: 0, padding: 0,

1048
frontend/src/component/menu/__tests__/__snapshots__/footer-test.jsx.snap
View File

File diff suppressed because it is too large Load Diff