Journal MCP Server

import { Link } from 'react-router'; import type { JournalEntry } from '~/lib/journal-api.server'; interface SingleEntryProps { entry: JournalEntry; date: string; } export function SingleEntry({ entry, date }: SingleEntryProps) { return ( <div className="p-4 outline rounded-md"> <div className="flex items-center gap-2 mb-2"> <span className="text-sm font-mono text-gray-600"> {entry.timestamp} </span> <h4 className="font-medium text-gray-900">{entry.title}</h4> </div> <div className="prose prose-sm max-w-none text-gray-700 mb-3"> {entry.content.split('\n').map((line, idx) => ( <p key={idx} className="mb-1"> {line} </p> ))} </div> {entry.tags.length > 0 && ( <div className="flex flex-wrap gap-1"> {entry.tags.map((tag) => ( <Link key={tag} to={`/search?tags=${encodeURIComponent(tag)}`} className="text-xs px-2 py-1 bg-blue-100 text-blue-700 rounded-full hover:bg-blue-200 transition-colors" > #{tag} </Link> ))} </div> )} </div> ); }