Cleaned up dashboard empty state and fixed broken nav dropdown

Author: aboderinsamuel

.github/ISSUE_TEMPLATE/bug_report.md

@@ -6,34 +6,34 @@ labels: bug
 assignees: ''
 ---
 
-## 🐛 What's Wrong?
+## What's wrong?
 Tell me what's not working. Be as detailed as you can!
 
-## 🔄 How to Make It Happen Again
+## How to reproduce
 Help me recreate the bug:
 1. I went to '...'
 2. Then I clicked '...'
 3. And then '...'
 4. That's when I saw the error
 
-## ✅ What You Expected
+## What you expected
 What did you think would happen?
 
-## ❌ What Actually Happened
+## What actually happened
 What happened instead?
 
-## 📸 Screenshots or Videos
-If you can grab a screenshot or screen recording, that helps a LOT. Phone camera pic works too!
+## Screenshots or videos
+If you can grab a screenshot or screen recording, that helps a lot. Phone camera pic works too!
 
-## 💻 Your Setup
+## Your setup
 Help me understand your environment:
 - **Device**: [e.g. My laptop, iPhone 14, Samsung Galaxy]
 - **Browser**: [e.g. Chrome, Safari, Firefox]
 - **OS**: [e.g. Windows 11, macOS, Android]
 - **Version**: [e.g. v0.1, or just say "latest"]
 
-## 📝 Anything Else?
+## Anything else?
 Any console errors? Does it only happen sometimes? Any other weird behavior?
 
-## 🔗 Related?
+## Related issues?
 Is this similar to another issue you've seen? Link it here if you know.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -6,28 +6,28 @@ labels: enhancement
 assignees: ''
 ---
 
-## 💡 What Do You Want?
+## What do you want?
 Describe the feature you'd love to see in closedNote.
 
-## 🎯 What Problem Does This Solve?
-Why do you need this? What's frustrating you right now?  
+## What problem does this solve?
+Why do you need this? What's frustrating you right now?
 Ex: "I'm always frustrated when I can't find my old prompts from last month..."
 
-## 🚀 How Should It Work?
+## How should it work?
 Walk me through it. What would the perfect version of this look like?
 
-## 🔄 Any Other Ways to Do It?
+## Any other approaches?
 Have you thought of alternative solutions? Other ways this could work?
 
-## 📸 Show Me What You Mean
+## Show me what you mean
 Got a sketch? A screenshot from another app? A napkin drawing? Share it!
 
-## ✨ Who Benefits?
+## Who benefits?
 - Who would use this feature the most?
 - How would it make closedNote better?
 
-## 🧠 Anything Else?
+## Anything else?
 Links, references, examples, whatever helps me understand your vision.
 
-## 🏷️ Does This Build on Anything?
+## Does this build on anything?
 Is there an existing feature this connects to or expands?

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,35 +1,35 @@
-## 📝 What does this do?
+## What does this do?
 <!-- Explain your changes in simple terms, like you're telling a friend -->
 
-## 🔗 Related Issue
+## Related issue
 <!-- Link to the issue this fixes (e.g., Closes #123) -->
 Closes #
 
-## 🎯 What kind of change is this?
+## What kind of change is this?
 <!-- Mark the relevant option with an 'x' -->
-- [ ] 🐛 Bug fix (something wasn't working, now it does)
-- [ ] ✨ New feature (adds something cool and useful)
-- [ ] 📚 Documentation (README, guides, comments)
-- [ ] 🎨 UI improvement (makes things look better or easier to use)
-- [ ] 🧹 Code cleanup (organizing things, no new features)
-- [ ] 💡 Idea/Suggestion (not code, just sharing thoughts)
+- [ ] Bug fix (something wasn't working, now it does)
+- [ ] New feature (adds something cool and useful)
+- [ ] Documentation (README, guides, comments)
+- [ ] UI improvement (makes things look better or easier to use)
+- [ ] Code cleanup (organizing things, no new features)
+- [ ] Idea/Suggestion (not code, just sharing thoughts)
 
-## 🧪 Did you test this?
+## Did you test this?
 <!-- How did you make sure it works? -->
 - [ ] Tested on my computer (desktop/laptop)
 - [ ] Tested on my phone
 - [ ] Asked someone else to try it
 - [ ] Works in light mode and dark mode
 
-## 📸 Show us!
+## Show us
 <!-- Screenshots or a quick video help a lot, especially for UI changes -->
 
-## ✅ Quick checks
+## Quick checks
 <!-- Only mark what applies to your change -->
 - [ ] I tested this myself and it works
 - [ ] I added comments to explain tricky parts (if needed)
 - [ ] I updated the docs if I changed how something works
 - [ ] No weird errors in the console
 
-## 💬 Anything else we should know?
+## Anything else we should know?
 <!-- Extra context, questions, or things you're not sure about -->

README.md

@@ -15,39 +15,39 @@
 
 PromptBase stores prompts. Notion organizes them. FlowGPT shares them. None of them remember how they got there.
 
-In real life, prompts evolve. You tweak your "code review prompt" three times, and by the fourth iteration you've forgotten what made version 2 actually work. There is no tool aimed at everyday users that tracks how your prompts change over time — until now.
+In real life, prompts evolve. You tweak your "code review prompt" three times, and by the fourth iteration you've forgotten what made version 2 actually work. There is no tool aimed at everyday users that tracks how your prompts change over time, until now.
 
 closedNote is built on one thesis: **a prompt is not a sticky note. It's a document with a history.**
 
-Beyond versioning, closedNote adds structure: organize into collections, chain into multi-step workflows, refine with AI, and import from any image via OCR — all private by default.
+Beyond versioning, closedNote adds structure: organize into collections, chain into multi-step workflows, refine with AI, and import from any image via OCR, all private by default.
 
 ---
 
-## Version History — Git for Your Prompts
+## Version History, git for your prompts
 
-Every time you save an edit, closedNote snapshots the version. Jump back to any point in time, see exactly what changed line by line, and restore with one click — without overwriting your history.
+Every time you save an edit, closedNote snapshots the version. Jump back to any point in time, see exactly what changed line by line, and restore with one click, without overwriting your history.
 
 ![Version History](./screenshots/versioning01.png)
 
 - Full version timeline on every prompt
-- Visual diff — additions in green, removals in red
+- Visual diff, additions in green, removals in red
 - Restore any version without losing the history chain
-- Versions only created when content actually changes — no noise
+- Versions only created when content actually changes, no noise
 
 ---
 
 ## All Features
 
-- **Version History** — track every draft with a visual diff and one-click restore *(new)*
-- **Instant Search** — command palette (`⌘K`) across your entire library
-- **Collections** — group prompts by topic, project, or use case
-- **AI Refinement** — clean up rough ideas into polished, reusable prompts using your own API key
-- **OCR Import** — upload a screenshot or photo, extract the text, save it as a prompt
-- **Prompt Chains** — link prompts into multi-step workflows where each output feeds the next
-- **One-Click Copy** — paste straight into ChatGPT, Claude, Cursor, or wherever you work
-- **Private by Default** — row-level security ensures your data is never accessible to others
-- **Dark Mode** — full theme support, system-aware
-- **Fully Responsive** — works on mobile without crying
+- **Version History**, track every draft with a visual diff and one-click restore *(new)*
+- **Instant Search**, command palette (`⌘K`) across your entire library
+- **Collections**, group prompts by topic, project, or use case
+- **AI Refinement**, clean up rough ideas into polished, reusable prompts using your own API key
+- **OCR Import**, upload a screenshot or photo, extract the text, save it as a prompt
+- **Prompt Chains**, link prompts into multi-step workflows where each output feeds the next
+- **One-Click Copy**, paste straight into ChatGPT, Claude, Cursor, or wherever you work
+- **Private by Default**, row-level security ensures your data is never accessible to others
+- **Dark Mode**, full theme support, system-aware
+- **Fully Responsive**, works on mobile without crying
 
 ---
 
@@ -107,7 +107,7 @@ I got tired of re-engineering my "perfect ChatGPT prompts" every time I needed a
 
 Meanwhile, prompt engineers were dropping tips on X and Stack Overflow, but nobody had a good place to store, iterate on, and *remember* them.
 
-So I built one — and added version control, because the best prompt you'll ever write is usually the fourth draft of something you thought was broken.
+So I built one, and added version control, because the best prompt you'll ever write is usually the fourth draft of something you thought was broken.
 
 ---
 
@@ -155,7 +155,7 @@ See [open issues](https://github.com/aboderinsamuel/closedNote/issues) for what'
 
 ## Built by
 
-**Samuel Aboderin** — Computer Engineering, UNILAG 🇳🇬
+**Samuel Aboderin**, Computer Engineering, UNILAG 🇳🇬
 
 [![GitHub](https://img.shields.io/badge/GitHub-aboderinsamuel-black?style=flat-square&logo=github)](https://github.com/aboderinsamuel)
 [![LinkedIn](https://img.shields.io/badge/LinkedIn-samuelaboderin-0A66C2?style=flat-square&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/samuelaboderin)
@@ -164,8 +164,8 @@ See [open issues](https://github.com/aboderinsamuel/closedNote/issues) for what'
 
 ## License
 
-MIT — use it, remix it, improve it.
+MIT, use it, remix it, improve it.
 
 ---
 
-*closedNote — because your prompts deserve better than browser history.*
+*closedNote, because your prompts deserve better than browser history.*

__tests__/components/PromptForm.test.tsx

@@ -13,10 +13,10 @@ import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { PromptForm } from "@/components/PromptForm";
 
-// ── Mocks ────────────────────────────────────────────────────────────────────
+// Mocks
 
 // jest.mock() is hoisted before variable declarations, so factories must only
-// use jest.fn() inline — no outer variables. We then import the mocked hooks
+// use jest.fn() inline, no outer variables. We then import the mocked hooks
 // and call mockReturnValue() to inject our named jest.fn() references.
 jest.mock("next/navigation", () => ({ useRouter: jest.fn() }));
 jest.mock("@/lib/hooks/usePrompts", () => ({ usePrompts: jest.fn() }));
@@ -33,7 +33,7 @@ const mockAddOptimistic = jest.fn();
 const mockRefresh = jest.fn(() => Promise.resolve());
 const mockSavePrompt = savePrompt as jest.Mock;
 
-// ── Helpers ──────────────────────────────────────────────────────────────────
+// Helpers
 
 function renderWithAuth(user: object | null = { id: "user-1", email: "test@example.com" }) {
   (useRouter as jest.Mock).mockReturnValue({ push: mockPush });
@@ -50,9 +50,9 @@ function renderWithAuth(user: object | null = { id: "user-1", email: "test@examp
   return render(<PromptForm />);
 }
 
-// ── Tests ─────────────────────────────────────────────────────────────────────
+// Tests
 
-describe("PromptForm – rendering", () => {
+describe("PromptForm - rendering", () => {
   it("renders all form fields", () => {
     renderWithAuth();
     expect(screen.getByPlaceholderText("Give your prompt a name")).toBeInTheDocument();
@@ -68,7 +68,7 @@ describe("PromptForm – rendering", () => {
   });
 });
 
-describe("PromptForm – unauthenticated behavior", () => {
+describe("PromptForm - unauthenticated behavior", () => {
   it("redirects to /login on submit when user is not authenticated", async () => {
     renderWithAuth(null);
     await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Test Prompt");
@@ -80,7 +80,7 @@ describe("PromptForm – unauthenticated behavior", () => {
   });
 });
 
-describe("PromptForm – authenticated submission", () => {
+describe("PromptForm - authenticated submission", () => {
   beforeEach(() => {
     jest.clearAllMocks();
     mockSavePrompt.mockResolvedValue(undefined);
@@ -146,7 +146,7 @@ describe("PromptForm – authenticated submission", () => {
 
   it("still calls refresh when savePrompt rejects, to roll back the optimistic entry", async () => {
     mockSavePrompt.mockRejectedValueOnce(new Error("network error"));
-    // PromptForm logs the error — silence it so Jest output stays clean
+    // PromptForm logs the error, silence it so Jest output stays clean
     jest.spyOn(console, "error").mockImplementation(() => {});
     renderWithAuth();
     await userEvent.type(screen.getByPlaceholderText("Give your prompt a name"), "Prompt");

__tests__/lib/auth.test.ts

@@ -29,9 +29,9 @@ import { supabase } from "@/lib/supabase";
 
 const mockAuth = supabase.auth as jest.Mocked<typeof supabase.auth>;
 
-// ─── registerUser ────────────────────────────────────────────────────────────
+// registerUser
 
-describe("registerUser – input validation", () => {
+describe("registerUser - input validation", () => {
   it("rejects empty email and password", async () => {
     const result = await registerUser("", "");
     expect(result).toEqual({ ok: false, error: "Email and password are required" });
@@ -62,7 +62,7 @@ describe("registerUser – input validation", () => {
   });
 });
 
-describe("registerUser – Supabase error handling", () => {
+describe("registerUser - Supabase error handling", () => {
   it("returns error message from Supabase on failure", async () => {
     (mockAuth.signUp as jest.Mock).mockResolvedValueOnce({
       data: { user: null, session: null },
@@ -92,9 +92,9 @@ describe("registerUser – Supabase error handling", () => {
   });
 });
 
-// ─── authenticateUser ────────────────────────────────────────────────────────
+// authenticateUser
 
-describe("authenticateUser – input validation", () => {
+describe("authenticateUser - input validation", () => {
   it("rejects empty email and password", async () => {
     const result = await authenticateUser("", "");
     expect(result).toEqual({ ok: false, error: "Email and password are required" });
@@ -111,7 +111,7 @@ describe("authenticateUser – input validation", () => {
   });
 });
 
-describe("authenticateUser – Supabase error handling", () => {
+describe("authenticateUser - Supabase error handling", () => {
   it("maps invalid credentials to a friendly message", async () => {
     (mockAuth.signInWithPassword as jest.Mock).mockResolvedValueOnce({
       data: { user: null, session: null },

app/chains/page.tsx

@@ -59,7 +59,7 @@ export default function ChainsPage() {
               Prompt Threads
             </h1>
             <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
-              Build multi-step prompt workflows and run them sequentially.
+              String prompts together and run them in sequence.
             </p>
           </div>
           <Link
@@ -108,7 +108,7 @@ export default function ChainsPage() {
               No threads yet
             </h2>
             <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-6 max-w-sm">
-              Create your first prompt thread to build multi-step AI workflows. Thread prompts together and run them in sequence.
+              Create a thread to chain prompts and run them one by one.
             </p>
             <Link
               href="/chains/new"

app/dashboard/page.tsx

@@ -2,14 +2,13 @@
 
 import { Suspense } from "react";
 import { useState, useMemo, useEffect } from "react";
+import Link from "next/link";
 import { groupPromptsByCollection, filterPrompts } from "@/lib/promptData";
 import { PromptModel } from "@/lib/types";
 import { Header } from "@/components/Header";
 import { Sidebar } from "@/components/Sidebar";
 import { Layout } from "@/components/Layout";
 import { PromptCollection } from "@/components/PromptCollection";
-import { UseCasesShowcase } from "@/components/UseCasesShowcase";
-import { PoweredByCarousel } from "@/components/PoweredByCarousel";
 import { usePrompts } from "@/lib/hooks/usePrompts";
 import { useAuth } from "@/components/AuthProvider";
 
@@ -81,23 +80,17 @@ function DashboardContent() {
           ))}
         </div>
       ) : allPrompts.length === 0 ? (
-        <div className="max-w-2xl mx-auto">
-          <div className="text-center mb-8">
-            <h1 className="font-serif-title text-4xl sm:text-5xl font-normal text-neutral-900 dark:text-neutral-100 mb-4">
-              closedNote
-            </h1>
-            <p className="text-lg text-neutral-600 dark:text-neutral-400 max-w-xl mx-auto">
-              Your personal prompt notebook. Create, organize, and refine AI
-              prompts with speed and clarity.
-            </p>
-          </div>
-          <div className="mb-8">
-            <div className="text-center mb-2 text-xs uppercase tracking-wide text-neutral-500 dark:text-neutral-400">
-              Powered by
-            </div>
-            <PoweredByCarousel />
-          </div>
-          <UseCasesShowcase />
+        <div className="max-w-sm mx-auto text-center py-20">
+          <p className="text-neutral-900 dark:text-neutral-100 font-medium mb-2">No prompts yet</p>
+          <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-6">
+            Create your first one and it'll show up here.
+          </p>
+          <Link
+            href="/prompts/new"
+            className="inline-flex items-center px-5 py-2.5 bg-neutral-900 hover:bg-neutral-800 dark:bg-neutral-100 dark:hover:bg-neutral-200 dark:text-neutral-900 text-white font-medium rounded-full transition-colors text-sm"
+          >
+            + New prompt
+          </Link>
         </div>
       ) : (
         <div className="max-w-5xl mx-auto w-full">