From c5adea5672288036a3b251ca665eb1740363f167 Mon Sep 17 00:00:00 2001
From: neutrino2211 <neutrino2211@gmail.com>
Date: Thu, 9 Oct 2025 01:18:10 +0100
Subject: [PATCH] direct thought/story urls

---
 src/components/ExpandableStory.tsx   | 7 +++++++
 src/components/ExpandableThought.tsx | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/ExpandableStory.tsx b/src/components/ExpandableStory.tsx
index a9d7902..0267fb6 100644
--- a/src/components/ExpandableStory.tsx
+++ b/src/components/ExpandableStory.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import Link from 'next/link';
 import { Story } from '@/data/creative';
 import { formatReadingTime } from '@/utils/readingTime';
 
@@ -29,6 +30,12 @@ export default function ExpandableStory({ story }: ExpandableStoryProps) {
         <p className="text-gray-600 italic mb-4">{story.excerpt}</p>
         
         <div className="flex gap-4 text-sm">
+          <Link
+            href={`/stories/${story.id}`}
+            className="bg-yellow-200 text-black px-3 py-1 border-2 border-black font-bold hover:bg-yellow-300 transition-colors"
+          >
+            Read Full Story
+          </Link>
           <span className="bg-yellow-200 text-black px-3 py-1 border-2 border-black font-bold">
             {formatReadingTime(story.readTime)} read
           </span>
diff --git a/src/components/ExpandableThought.tsx b/src/components/ExpandableThought.tsx
index 0ed791d..c5942ce 100644
--- a/src/components/ExpandableThought.tsx
+++ b/src/components/ExpandableThought.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import Link from "next/link";
 import { Thought } from "@/data/creative";
 import { formatReadingTime } from "@/utils/readingTime";
 import Markdown from "react-markdown";
@@ -36,6 +37,12 @@ export default function ExpandableThought({ thought }: ExpandableThoughtProps) {
         <p className="text-gray-600 italic mb-4">{thought.excerpt}</p>
 
         <div className="flex gap-4 text-sm">
+          <Link
+            href={`/thoughts/${thought.id}`}
+            className="bg-teal-200 text-black px-3 py-1 border-2 border-black font-bold hover:bg-teal-300 transition-colors"
+          >
+            Read Full Thought
+          </Link>
           <span
             className={`${categoryColors[thought.category]} text-black px-3 py-1 border-2 border-black font-bold`}
           >