Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +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 { List, ListItem, ListItemText, Grid } from '@material-ui/core';
@ -11,17 +12,23 @@ export const Footer = () => {
return (
<footer className={styles.footer}>
<Grid container>
<Grid item xs={3}>
<section title="Client SDKs">
<h4>Client SDKs</h4>
<List className={styles.list}>
<Grid container justify="center" spacing={10}>
<Grid item md={4} xs={12}>
<ShowApiDetailsContainer />
</Grid>
<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}>
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash-client-node"
href="https://docs.getunleash.io/sdks/node_sdk"
className={styles.link}
target="_blank"
>
Node.js
</a>
@ -32,8 +39,9 @@ export const Footer = () => {
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash-client-java"
href="https://docs.getunleash.io/sdks/java_sdk"
className={styles.link}
target="_blank"
>
Java
</a>
@ -44,8 +52,9 @@ export const Footer = () => {
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash-client-go"
href="https://docs.getunleash.io/sdks/go_sdk"
className={styles.link}
target="_blank"
>
Go
</a>
@ -56,8 +65,9 @@ export const Footer = () => {
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash-client-ruby"
href="https://docs.getunleash.io/sdks/ruby_sdk"
className={styles.link}
target="_blank"
>
Ruby
</a>
@ -68,8 +78,9 @@ export const Footer = () => {
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash-client-python"
href="https://docs.getunleash.io/sdks/python_sdk"
className={styles.link}
target="_blank"
>
Python
</a>
@ -80,10 +91,11 @@ export const Footer = () => {
<ListItemText
primary={
<a
href="https://github.com/Unleash/unleash-client-core"
href="https://docs.getunleash.io/sdks/dot_net_sdk"
className={styles.link}
target="_blank"
>
.Net Core
.NET
</a>
}
/>
@ -92,10 +104,24 @@ export const Footer = () => {
<ListItemText
primary={
<a
href="https://unleash.github.io/docs/client_sdk"
href="https://docs.getunleash.io/sdks/php_sdk"
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>
}
/>
@ -103,10 +129,142 @@ export const Footer = () => {
</List>
</section>
</Grid>
<Grid item xs={12}>
<ShowApiDetailsContainer />
<Grid item justifyContent="center">
<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>
</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,
padding: '2rem 4rem',
width: '100%',
flexGrow: 1,
},
list: {
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