rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add courses index page + backend update

Browse source
This commit is contained in:
swve 2022-10-01 10:16:35 +02:00
parent 86fdd89b23
commit 4b623ae1b8
14 changed files with 218 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

28
front/components/ui/elements/menu.tsx
View file

@ -1,21 +1,24 @@
import React from "react";
import styled from "styled-components";
import { HeaderProfileBox } from "../../auth/HeaderProfileBox";
import learnhouseIcon from 'public/learnhouse_icon.png'
import learnhouseLogo from 'public/learnhouse_logo.png'
import learnhouseIcon from "public/learnhouse_icon.png";
import learnhouseLogo from "public/learnhouse_logo.png";
import Link from "next/link";
import Image from "next/image";
import { useRouter } from "next/router";
export const Menu = () => {
const router = useRouter();
const { orgslug } = router.query;
return (
<GlobalHeader>
<LogoArea>
<Logo>
<Image width={25} height={25} src={learnhouseIcon} alt="" />
<Link href={"/"}>
<a>
<Image width={108} height={28} src={learnhouseLogo} alt="" />
<Image width={108} height={28} src={learnhouseLogo} alt="" />
</a>
</Link>
</Logo>
@ -28,7 +31,11 @@ export const Menu = () => {
</SearchArea>
<MenuArea>
<ul>
<li>Courses </li>
<li>
<Link href={"/org/" + orgslug + "/courses"}>
<a>Courses</a>
</Link>
</li>
<li>Collections</li>
<li>Activity</li>
<li>More</li>
@ -55,12 +62,11 @@ const Logo = styled.div`
display: flex;
place-items: center;
padding-left: 20px;
a{
margin: 0;
padding-left: 10px;
padding-top: 2px;
}
a {
margin: 0;
padding-left: 10px;
padding-top: 2px;
}
`;
const SearchArea = styled.div`