Merge pull request #778 from hackclub/add-dates-to-signpost

Add timestamps to signpost

Author: maxwofford

bun.lockb

@@ -29,6 +29,7 @@
     "framer-motion": "^11.5.6",
     "howler": "^2.2.4",
     "ioredis": "^5.4.1",
+    "javascript-time-ago": "^2.5.11",
     "js-confetti": "^0.12.0",
     "js-cookie": "^3.0.5",
     "lucide-react": "^0.446.0",

package.json

@@ -4,6 +4,11 @@ import { SignpostFeedItem } from '@/app/utils/data'
 import JaggedCardSmall from '@/components/jagged-card-small'
 import Cookies from 'js-cookie'
 import Markdown from 'react-markdown'
+import TimeAgo from 'javascript-time-ago'
+import en from 'javascript-time-ago/locale/en'
+
+TimeAgo.addDefaultLocale(en)
+const timeAgo = new TimeAgo('en-US')
 
 export default function FeedItems() {
   const cookie = Cookies.get('signpost-feed')
@@ -26,6 +31,9 @@ export default function FeedItems() {
       {feedItems.map((item, idx) => {
         return (
           <JaggedCardSmall key={idx} bgColor={`#${item.backgroundColor}`}>
+            <p className="text-sm text-muted">
+              {timeAgo.format(new Date(item.createdTime))}
+            </p>
             <p style={{ color: `#${item.textColor}` }}>
               <span className="text-xl">
                 {item.title}