This repository has no description
notice logged in
author
damedotblog
date
(Mar 8, 2025, 10:58 PM -0500)
commit
ac2fb37e
ac2fb37e241c5cf9d5d3613f7687aba468d6c093
parent
b8cbcebb
b8cbcebb000e2478e8399a0691dbf1a895a70daa
+49
+19
app/src/app/feed/feed.module.css
+19
app/src/app/feed/feed.module.css
···
76
76
line-height: 1.4;
77
77
text-align: center;
78
78
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
79
+
font-weight: 500;
80
+
}
81
+
82
+
.noticePersonal {
83
+
margin-top: 0.8rem;
84
+
font-size: 0.95rem;
85
+
padding-top: 0.5rem;
86
+
border-top: 1px dashed rgba(255, 152, 0, 0.3);
87
+
}
88
+
89
+
.noticeLink {
90
+
color: #e65100;
91
+
font-weight: 600;
92
+
text-decoration: underline;
93
+
transition: color 0.2s;
94
+
}
95
+
96
+
.noticeLink:hover {
97
+
color: #f57c00;
79
98
}
80
99
81
100
.loadingContainer {
+7
app/src/app/feed/page.tsx
+7
app/src/app/feed/page.tsx
···
4
4
import Link from 'next/link';
5
5
import styles from './feed.module.css';
6
6
import { formatRelativeTime } from '@/lib/time-utils';
7
+
import { useAuth } from '@/lib/auth-context';
7
8
8
9
// Types for our feed entries
9
10
interface FlushingEntry {
···
21
22
const [entries, setEntries] = useState<FlushingEntry[]>([]);
22
23
const [loading, setLoading] = useState(true);
23
24
const [error, setError] = useState<string | null>(null);
25
+
const { isAuthenticated, handle } = useAuth();
24
26
25
27
useEffect(() => {
26
28
// Fetch the latest entries when the component mounts
···
68
70
<div className={styles.container}>
69
71
<div className={styles.notice}>
70
72
<strong>⚠️ NOTICE:</strong> The flush feed is currently out of order. You can still make flushes that save to your PDS, but the feed here won't update until we fix the leak. Sorry for the inconvenience!
73
+
{isAuthenticated && handle && (
74
+
<div className={styles.noticePersonal}>
75
+
You can also see your flushes on your flush profile: <a href={`/profile/${handle}`} className={styles.noticeLink}>flushing.im/profile/{handle}</a>
76
+
</div>
77
+
)}
71
78
</div>
72
79
73
80
<header className={styles.header}>
+18
app/src/app/page.module.css
+18
app/src/app/page.module.css
···
683
683
text-align: center;
684
684
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
685
685
font-weight: 500;
686
+
}
687
+
688
+
.noticePersonal {
689
+
margin-top: 0.8rem;
690
+
font-size: 0.95rem;
691
+
padding-top: 0.5rem;
692
+
border-top: 1px dashed rgba(255, 152, 0, 0.3);
693
+
}
694
+
695
+
.noticeLink {
696
+
color: #e65100;
697
+
font-weight: 600;
698
+
text-decoration: underline;
699
+
transition: color 0.2s;
700
+
}
701
+
702
+
.noticeLink:hover {
703
+
color: #f57c00;
686
704
}
+5
app/src/app/page.tsx
+5
app/src/app/page.tsx
···
356
356
<div className={styles.feedSection}>
357
357
<div className={styles.notice}>
358
358
<strong>⚠️ NOTICE:</strong> The flush feed is currently out of order. You can still make flushes that save to your PDS, but the feed here won't update until we fix the leak. Sorry for the inconvenience!
359
+
{isAuthenticated && handle && (
360
+
<div className={styles.noticePersonal}>
361
+
You can also see your flushes on your flush profile: <a href={`/profile/${handle}`} className={styles.noticeLink}>flushing.im/profile/{handle}</a>
362
+
</div>
363
+
)}
359
364
</div>
360
365
361
366
<div className={styles.feedHeader}>