mirror of
https://github.com/coder/coder.git
synced 2025-07-12 00:14:10 +00:00
ace89161fb
This is testing out [Approach 3](https://www.notion.so/coderhq/Workspaces-v2-Initial-UI-Scaffolding-3b07d2847eed48839a7e6f0f2bb9bf56#56256f25d2954897a8ee315f0820cedd) in the UI scaffolding RFC. Fixes https://github.com/coder/coder/issues/11 The folder structure looks like: - `site` - `components` (buttons, empty state, etc) - `pages` (large sections of UI -> composition of components) - `theme` (files defining our palette) Several components were able to be brought in essentially unmodified: - `SplitButton` - `EmptyState` - `Footer` - All the icons / logos - Theming (removed several items that aren't necessary, yet, though) Other components had more coupling, and need more refactoring: - `NavBar` - `Confetti` Current State:  For a full working app, there's potentially a lot more to bring in: - User / Account Settings Stuff - Users Page - Organizations Page (and all the supporting dependencies)
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import { makeStyles } from "@material-ui/core/styles"
|
|
import Typography from "@material-ui/core/Typography"
|
|
import React from "react"
|
|
|
|
export const Footer: React.FC = ({ children }) => {
|
|
const styles = useFooterStyles()
|
|
|
|
return (
|
|
<div className={styles.root}>
|
|
{children}
|
|
<div className={styles.copyRight}>
|
|
<Typography color="textSecondary" variant="caption">
|
|
{`Copyright \u00a9 ${new Date().getFullYear()} Coder Technologies, Inc. All rights reserved.`}
|
|
</Typography>
|
|
</div>
|
|
<div className={styles.version}>
|
|
<Typography color="textSecondary" variant="caption">
|
|
v2 0.0.0-prototype
|
|
</Typography>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const useFooterStyles = makeStyles((theme) => ({
|
|
root: {
|
|
textAlign: "center",
|
|
marginBottom: theme.spacing(5),
|
|
},
|
|
copyRight: {
|
|
backgroundColor: theme.palette.background.default,
|
|
margin: theme.spacing(0.25),
|
|
},
|
|
version: {
|
|
backgroundColor: theme.palette.background.default,
|
|
margin: theme.spacing(0.25),
|
|
},
|
|
}))
|