Skip to content

feat: Initial workspaces page route + skeleton #220

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Feb 16, 2022
Merged
Prev Previous commit
Next Next commit
Initial scaffolding for workspaces page
  • Loading branch information
bryphe-coder committed Feb 9, 2022
commit 57143dafaa7af326e97d327fc84a63504d19a78e
43 changes: 43 additions & 0 deletions site/pages/workspaces/[user]/[workspace].tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
import React from "react"
import { makeStyles } from "@material-ui/core/styles"
import { useRouter } from "next/router"
import { Navbar } from "../../components/Navbar"
import { Footer } from "../../components/Page"
import { useUser } from "../../contexts/UserContext"

//import { Workspace } from "../../components/Workspace"
//import { MockWorkspace } from "../../test_helpers"

const WorkspacesPage: React.FC = () => {
const styles = useStyles()
const router = useRouter()
const { me, signOut } = useUser(true)

const { user, workspace } = router.query

return (
<div className={styles.root}>
<Navbar user={me} onSignOut={signOut} />

<div className={styles.inner}>
<div>Hello, world</div>
</div>

<Footer />
</div>
)
}

const useStyles = makeStyles(() => ({
root: {
display: "flex",
flexDirection: "column",
},
inner: {
maxWidth: "1380px",
margin: "1em auto",
width: "100%",
},
}))

export default WorkspacesPage