fix

chibat · Jan 24, 2024 · 16028db · 16028db
1 parent 538d455
commit 16028db
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 24 deletions.
diff --git a/components/Post.tsx b/components/Post.tsx
@@ -69,18 +69,9 @@ export default function Post(props: { post: GetPostsOutput; userId?: number }) {
         <div class="card-body">
           {post.value.draft &&
             (
-              <div
-                class="alert alert-danger d-flex align-items-center"
-                role="alert"
-              >
-                <span
-                  class="badge bg-danger"
-                  style={{ marginRight: "5px" }}
-                >
-                  PRIVATE
-                </span>
-                <div>This post is visible only to you.</div>
-              </div>
+              <span class="badge bg-danger mb-2">
+                🔒 PRIVATE
+              </span>
             )}
           <span
             class="post"

diff --git a/islands/PostView.tsx b/islands/PostView.tsx
@@ -211,18 +211,9 @@ export default function PostView(
               <article class="card-body">
                 {post.draft &&
                   (
-                    <div
-                      class="alert alert-danger d-flex align-items-center"
-                      role="alert"
-                    >
-                      <span
-                        class="badge bg-danger"
-                        style={{ marginRight: "5px" }}
-                      >
-                        PRIVATE
-                      </span>
-                      <div>This post is visible only to you.</div>
-                    </div>
+                    <span class="badge bg-danger mb-2">
+                      🔒 PRIVATE
+                    </span>
                   )}
                 <section>
                   <span

diff --git a/routes/posts/[postId]/index.tsx b/routes/posts/[postId]/index.tsx
@@ -8,6 +8,9 @@ import { getTitle } from "~/server/getTitle.ts";
 
 export default defineRoute(async (req, ctx) => {
   const postId = Number(ctx.params.postId);
+  if (Number.isNaN(postId)) {
+    return ctx.renderNotFound();
+  }
   const post = await selectPost(postId);
   if (!post) {
     return ctx.renderNotFound();