modifying proxyrequest

Author: ericayrlee

app/Content.tsx

@@ -17,6 +17,59 @@ export const metadata: Metadata = {
     title: 'Stuff by Hoagie',
 };
 
+const RainbowLogo = () => (
+    <Pane whiteSpace='nowrap'>
+        <Text
+            is='h2'
+            display='inline-block'
+            className='hoagie logo'
+            color='grey900'
+        >
+            hoagie
+        </Text>
+        <Paragraph
+            is='h2'
+            display='inline-block'
+            color='blue500'
+            className='hoagie logo rainbow-text'
+        >
+            stuff
+        </Paragraph>
+    </Pane>
+);
+
+const RainbowHeader = () => (
+    <Pane
+        width='100%'
+        height={20}
+        display='flex'
+        flexDirection='row'
+        style={{
+            backgroundImage: `linear-gradient(
+                90deg,
+                hsl(0deg 73% 75%) 0%,
+                hsl(12deg 94% 76%) 19%,
+                hsl(22deg 100% 75%) 27%,
+                hsl(33deg 100% 74%) 34%,
+                hsl(44deg 82% 72%) 41%,
+                hsl(69deg 51% 70%) 47%,
+                hsl(107deg 44% 75%) 53%,
+                hsl(149deg 45% 73%) 59%,
+                hsl(175deg 52% 64%) 66%,
+                hsl(190deg 77% 57%) 73%,
+                hsl(201deg 97% 62%) 81%,
+                hsl(225deg 100% 76%) 100%
+              )`,
+        }}
+    >
+        {/* <Pane width="20%" height={20} background="red500" />
+            <Pane width="20%" height={20} background="yellow300" />
+            <Pane width="20%" height={20} background="green300" />
+            <Pane width="20%" height={20} background="teal300" />
+            <Pane width="20%" height={20} background="rblue300" /> */}
+    </Pane>
+);
+
 export default function Content({
     children,
 }: {

app/all/[pid]/page.tsx

@@ -4,6 +4,12 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => {
-    return <PostPage />;
+type Params = {
+    params: { pid: string };
+};
+
+export default withPageAuthRequired(({ params }: Params) => {
+    const { pid } = params;
+    const pageNumber = pid ? parseInt(pid, 10) : 1;
+    return <PostPage pageNumber={pageNumber} />;
 });

app/all/page.tsx

@@ -5,5 +5,5 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 import PostPage from '@/components/PostPage';
 
 export default withPageAuthRequired(() => {
-    return <PostPage />;
+    return <PostPage pageNumber={1} />;
 });

app/api/hoagie/[...path]/route.ts

@@ -11,6 +11,7 @@ async function handler(
     request: NextRequest,
     { params }: { params: Promise<{ path: string[] }> }
 ) {    // Not very good, fix this later
+    console.log('HOAGIE_API_URL:', process.env.HOAGIE_API_URL)
     const path = (await params).path.join('/');
     const queryString = request.nextUrl.searchParams.toString();
 
@@ -36,7 +37,7 @@ async function handler(
     }
 
     return await proxyRequest(
-        `${process.env.HOAGIE_API_URL}${path}/?${queryString}`,
+        `${process.env.HOAGIE_API_URL}${path}?${queryString}`,
         fetchReq
     );
 };

app/bulletins/[pid]/page.tsx

@@ -4,6 +4,12 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => {
-    return <PostPage category='bulletin' />;
+type Params = {
+    params: { pid: string };
+};
+
+export default withPageAuthRequired(({ params }: Params) => {
+    const { pid } = params;
+    const pageNumber = pid ? parseInt(pid, 10) : 1;
+    return <PostPage pageNumber={pageNumber} category='bulletin' />;
 });

app/bulletins/page.tsx

@@ -4,4 +4,6 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => <PostPage category='bulletin' />);
+export default withPageAuthRequired(() => (
+    <PostPage pageNumber={1} category='bulletin' />
+));

app/lost/[pid]/page.tsx

@@ -4,6 +4,12 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => {
-    return <PostPage category='lost' />;
+type Params = {
+    params: { pid: string };
+};
+
+export default withPageAuthRequired(({ params }: Params) => {
+    const { pid } = params;
+    const pageNumber = pid ? parseInt(pid, 10) : 1;
+    return <PostPage pageNumber={pageNumber} category='lost' />;
 });

app/lost/page.tsx

@@ -4,4 +4,6 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => <PostPage category='lost' />);
+export default withPageAuthRequired(() => (
+    <PostPage pageNumber={1} category='lost' />
+));

app/marketplace/[pid]/page.tsx

@@ -4,6 +4,12 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => {
-    return <PostPage category='marketplace' />;
+type Params = {
+    params: { pid: string };
+};
+
+export default withPageAuthRequired(({ params }: Params) => {
+    const { pid } = params;
+    const pageNumber = pid ? parseInt(pid, 10) : 1;
+    return <PostPage pageNumber={pageNumber} category='marketplace' />;
 });

app/marketplace/page.tsx

@@ -4,4 +4,6 @@ import { withPageAuthRequired } from '@auth0/nextjs-auth0/client';
 
 import PostPage from '@/components/PostPage';
 
-export default withPageAuthRequired(() => <PostPage category='marketplace' />);
+export default withPageAuthRequired(() => (
+    <PostPage pageNumber={1} category='marketplace' />
+));