From 19796794b0231b0e2b68808682a4492908acbe7f Mon Sep 17 00:00:00 2001
From: Ren Amamiya <123083837+reyamir@users.noreply.github.com>
Date: Sat, 6 May 2023 09:58:35 +0700
Subject: [PATCH] update pages

---
 src/app/daily/pages/index.page.tsx   | 73 +++++++++++++++-------------
 src/app/myspace/pages/index.page.tsx |  8 ++-
 src/app/threads/pages/index.page.tsx |  8 ++-
 3 files changed, 50 insertions(+), 39 deletions(-)

diff --git a/src/app/daily/pages/index.page.tsx b/src/app/daily/pages/index.page.tsx
index 3446d291..1f5f9248 100644
--- a/src/app/daily/pages/index.page.tsx
+++ b/src/app/daily/pages/index.page.tsx
@@ -45,48 +45,51 @@ export function Page() {
   }, [fetchNextPage, allRows.length, rowVirtualizer.getVirtualItems()]);
 
   return (
-    <div className="relative h-full w-full rounded-lg border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20">
-      {status === 'loading' ? (
-        <Placeholder />
-      ) : status === 'error' ? (
-        <div>{error.message}</div>
-      ) : (
-        <div ref={parentRef} className="scrollbar-hide h-full w-full overflow-y-auto" style={{ contain: 'strict' }}>
-          <div
-            className="relative w-full"
-            style={{
-              height: `${rowVirtualizer.getTotalSize()}px`,
-            }}
-          >
+    <div className="flex h-full flex-col justify-between gap-4">
+      <div className="flex h-11 w-full shrink-0 items-center justify-between border-b border-zinc-800"></div>
+      <div className="relative flex w-full flex-1 flex-col justify-between rounded-lg border border-zinc-800 bg-zinc-900 shadow-input shadow-black/20">
+        {status === 'loading' ? (
+          <Placeholder />
+        ) : status === 'error' ? (
+          <div>{error.message}</div>
+        ) : (
+          <div ref={parentRef} className="scrollbar-hide h-full w-full overflow-y-auto" style={{ contain: 'strict' }}>
             <div
-              className="absolute left-0 top-0 w-full"
+              className="relative w-full"
               style={{
-                transform: `translateY(${itemsVirtualizer[0].start - rowVirtualizer.options.scrollMargin}px)`,
+                height: `${rowVirtualizer.getTotalSize()}px`,
               }}
             >
-              {rowVirtualizer.getVirtualItems().map((virtualRow) => {
-                const note = allRows[virtualRow.index];
-                if (note) {
-                  if (note.kind === 1) {
-                    return (
-                      <div key={virtualRow.index} data-index={virtualRow.index} ref={rowVirtualizer.measureElement}>
-                        <NoteBase key={note.event_id} event={note} />
-                      </div>
-                    );
-                  } else {
-                    return (
-                      <div key={virtualRow.index} data-index={virtualRow.index} ref={rowVirtualizer.measureElement}>
-                        <NoteQuoteRepost key={note.event_id} event={note} />
-                      </div>
-                    );
+              <div
+                className="absolute left-0 top-0 w-full"
+                style={{
+                  transform: `translateY(${itemsVirtualizer[0].start - rowVirtualizer.options.scrollMargin}px)`,
+                }}
+              >
+                {rowVirtualizer.getVirtualItems().map((virtualRow) => {
+                  const note = allRows[virtualRow.index];
+                  if (note) {
+                    if (note.kind === 1) {
+                      return (
+                        <div key={virtualRow.index} data-index={virtualRow.index} ref={rowVirtualizer.measureElement}>
+                          <NoteBase key={note.event_id} event={note} />
+                        </div>
+                      );
+                    } else {
+                      return (
+                        <div key={virtualRow.index} data-index={virtualRow.index} ref={rowVirtualizer.measureElement}>
+                          <NoteQuoteRepost key={note.event_id} event={note} />
+                        </div>
+                      );
+                    }
                   }
-                }
-              })}
+                })}
+              </div>
             </div>
           </div>
-        </div>
-      )}
-      <div>{isFetching && !isFetchingNextPage ? <Placeholder /> : null}</div>
+        )}
+        <div>{isFetching && !isFetchingNextPage ? <Placeholder /> : null}</div>
+      </div>
     </div>
   );
 }
diff --git a/src/app/myspace/pages/index.page.tsx b/src/app/myspace/pages/index.page.tsx
index 7d1e0b71..4b08501d 100644
--- a/src/app/myspace/pages/index.page.tsx
+++ b/src/app/myspace/pages/index.page.tsx
@@ -1,3 +1,7 @@
-export default function Page() {
-  return <></>;
+export function Page() {
+  return (
+    <div>
+      <p>MySpace</p>
+    </div>
+  );
 }
diff --git a/src/app/threads/pages/index.page.tsx b/src/app/threads/pages/index.page.tsx
index 7d1e0b71..4b08501d 100644
--- a/src/app/threads/pages/index.page.tsx
+++ b/src/app/threads/pages/index.page.tsx
@@ -1,3 +1,7 @@
-export default function Page() {
-  return <></>;
+export function Page() {
+  return (
+    <div>
+      <p>MySpace</p>
+    </div>
+  );
 }