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: use Next.js 13 App directory

Browse source
This commit is contained in:
swve 2023-01-08 21:32:12 +01:00
parent cb3fc9a488
commit 379a0e9859
28 changed files with 418 additions and 295 deletions
Download patch file Download diff file Expand all files Collapse all files

14
front/components/UI/Elements/Menu.tsx
View file

@ -1,15 +1,15 @@
"use client";
import React from "react";
import styled from "styled-components";
import { HeaderProfileBox } from "../../Security/HeaderProfileBox";
import learnhouseIcon from "public/learnhouse_icon.png";
import learnhouseLogo from "public/learnhouse_logo.png";
import Link from "next/link";
import Image from "next/legacy/image";
import { useRouter } from "next/router";
import Image from "next/image";
import { useRouter, useSearchParams } from "next/navigation";
import { headers } from 'next/headers';
export const Menu = () => {
const router = useRouter();
const { orgslug } = router.query;
export const Menu = ({orgslug } : any) => {
return (
<GlobalHeader>
@ -30,10 +30,10 @@ export const Menu = () => {
<MenuArea>
<ul>
<li>
<Link href={"/org/" + orgslug + "/courses"}>Courses</Link>
<Link href={ "/courses"}>Courses</Link>
</li>
<li>
<Link href={"/org/" + orgslug + "/collections"}>Collections</Link>
<Link href={ "/collections"}>Collections</Link>
</li>
<li>Activity</li>
<li>More</li>

14
front/components/UI/Layout.tsx
View file

@ -1,3 +1,4 @@
import React from "react";
import Head from "next/head";
import styled from "styled-components";
@ -13,15 +14,11 @@ const Layout = (props: any) => {
};
return (
<div>
<html>
<body>
<AuthProvider>
<Head>
<title>{props.title}</title>
<meta name="description" content={props.description} />
<link rel="icon" href="/favicon.ico" />
</Head>
<ProjectPhaseLabel>🚧 Dev Phase</ProjectPhaseLabel>
<Menu></Menu>
<Menu orgslug={props.orgslug}></Menu>
<motion.main
variants={variants} // Pass the variant object into Framer Motion
initial="hidden" // Set the initial state to variants.hidden
@ -36,7 +33,8 @@ const Layout = (props: any) => {
<p>LearnHouse © 2021 - {new Date().getFullYear()} - All rights reserved</p>
</Footer>
</AuthProvider>
</div>
</body>
</html>
);
};