wip

src/app/feed/pages/AuthorPage.tsx

@@ -5,6 +5,7 @@ import { useParams } from 'react-router-dom'
 import SingleColumnLayout from '../../../layouts/SingleColumnLayout.tsx'
 import NavBar from '../../../components/NavBar.tsx'
 import { useFeedViewModel } from '../components/FeedView.ts'
+import NavLinkButton from '../../../components/NavLinkButton.tsx'
 
 interface AuthorPageParams {
   postsService: PostsService
@@ -23,7 +24,14 @@ export default function AuthorPage({ postsService }: AuthorPageParams) {
   const { pages, loadNextPage } = useFeedViewModel(fetchPosts)
 
   return (
-    <SingleColumnLayout navbar={<NavBar />}>
+    <SingleColumnLayout
+      navbar={
+        <NavBar>
+          <NavLinkButton to={'/'}>home</NavLinkButton>
+          <NavLinkButton to="/logout">logout</NavLinkButton>
+        </NavBar>
+      }
+    >
       <FeedView pages={pages} onLoadMore={loadNextPage} />
     </SingleColumnLayout>
   )

src/app/feed/pages/HomePage.tsx

@@ -9,6 +9,7 @@ import { Post } from '../posts/posts.ts'
 import { Temporal } from '@js-temporal/polyfill'
 import SingleColumnLayout from '../../../layouts/SingleColumnLayout.tsx'
 import NavBar from '../../../components/NavBar.tsx'
+import NavLinkButton from '../../../components/NavLinkButton.tsx'
 
 interface HomePageProps {
   postsService: PostsService
@@ -59,7 +60,13 @@ export default function HomePage({ postsService, mediaService }: HomePageProps)
   )
 
   return (
-    <SingleColumnLayout navbar={<NavBar />}>
+    <SingleColumnLayout
+      navbar={
+        <NavBar>
+          <NavLinkButton to="/logout">logout</NavLinkButton>
+        </NavBar>
+      }
+    >
       <main className={`w-full max-w-3xl mx-auto`}>
         <NewPostWidget onSubmit={onCreatePost} isSubmitting={isSubmitting} />
         <FeedView pages={pages} onLoadMore={loadNextPage} />

src/app/feed/posts/postsService.ts

@@ -42,7 +42,9 @@ export class PostsService {
     amount: number | null,
   ): Promise<Post[]> {
     const response = await client.GET('/posts', {
-      query: { cursor, amount, username },
+      params: {
+        query: { From: cursor ?? undefined, Amount: amount ?? undefined, Author: username },
+      },
       credentials: 'include',
     })
 

src/components/NavBar.tsx

@@ -1,31 +1,9 @@
-import { useUser } from '../app/user/userStore'
-import NavLinkButton from './NavLinkButton'
+import { PropsWithChildren } from 'react'
 
-export default function NavBar() {
-  const { user } = useUser()
-
-  const loggedIn = user != null
+type NavBarProps = unknown
 
+export default function NavBar({ children }: PropsWithChildren<NavBarProps>) {
   return (
-    <nav className={`w-full flex flex-row-reverse gap-4 px-4 md:px-8 py-0.5`}>
-      {loggedIn ? <LoggedInContent /> : <LoggedOutContent />}
-    </nav>
-  )
-}
-
-function LoggedInContent() {
-  return (
-    <>
-      <NavLinkButton to="/logout">logout</NavLinkButton>
-    </>
-  )
-}
-
-function LoggedOutContent() {
-  return (
-    <>
-      <NavLinkButton to="/signup">register</NavLinkButton>
-      <NavLinkButton to="/login">login</NavLinkButton>{' '}
-    </>
+    <nav className={`w-full flex flex-row justify-end gap-4 px-4 md:px-8 py-3`}>{children}</nav>
   )
 }

src/index.css

@@ -6,8 +6,10 @@
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+}
 
-
+html {
+    overflow-y: scroll;
 }
 
 @layer variables {