33import React , { ReactNode } from 'react' ;
44
55import { useUser } from '@auth0/nextjs-auth0/client' ;
6- import { Pane , Text , Paragraph } from 'evergreen-ui' ;
76import { Metadata } from 'next' ;
87
98import Layout from '@/lib/hoagie-ui/Layout' ;
@@ -17,59 +16,6 @@ export const metadata: Metadata = {
1716 title : 'Stuff by Hoagie' ,
1817} ;
1918
20- const RainbowLogo = ( ) => (
21- < Pane whiteSpace = 'nowrap' >
22- < Text
23- is = 'h2'
24- display = 'inline-block'
25- className = 'hoagie logo'
26- color = 'grey900'
27- >
28- hoagie
29- </ Text >
30- < Paragraph
31- is = 'h2'
32- display = 'inline-block'
33- color = 'blue500'
34- className = 'hoagie logo rainbow-text'
35- >
36- stuff
37- </ Paragraph >
38- </ Pane >
39- ) ;
40-
41- const RainbowHeader = ( ) => (
42- < Pane
43- width = '100%'
44- height = { 20 }
45- display = 'flex'
46- flexDirection = 'row'
47- style = { {
48- backgroundImage : `linear-gradient(
49- 90deg,
50- hsl(0deg 73% 75%) 0%,
51- hsl(12deg 94% 76%) 19%,
52- hsl(22deg 100% 75%) 27%,
53- hsl(33deg 100% 74%) 34%,
54- hsl(44deg 82% 72%) 41%,
55- hsl(69deg 51% 70%) 47%,
56- hsl(107deg 44% 75%) 53%,
57- hsl(149deg 45% 73%) 59%,
58- hsl(175deg 52% 64%) 66%,
59- hsl(190deg 77% 57%) 73%,
60- hsl(201deg 97% 62%) 81%,
61- hsl(225deg 100% 76%) 100%
62- )` ,
63- } }
64- >
65- { /* <Pane width="20%" height={20} background="red500" />
66- <Pane width="20%" height={20} background="yellow300" />
67- <Pane width="20%" height={20} background="green300" />
68- <Pane width="20%" height={20} background="teal300" />
69- <Pane width="20%" height={20} background="rblue300" /> */ }
70- </ Pane >
71- ) ;
72-
7319export default function Content ( {
7420 children,
7521} : {
@@ -86,13 +32,7 @@ export default function Content({
8632 return (
8733 < Theme palette = 'gray' >
8834 < Layout >
89- < Nav
90- name = 'stuff'
91- tabs = { tabs }
92- user = { user ?. user }
93- LogoComponent = { RainbowLogo }
94- HeaderComponent = { RainbowHeader }
95- />
35+ < Nav name = 'stuff' tabs = { tabs } user = { user ?. user } />
9636 { children }
9737 </ Layout >
9838 </ Theme >
0 commit comments