Retro Bulletin Board Systems on atproto. Web app and TUI.
lazy mirror of alyraffauf/atbbs
atbbs.xyz
forums
python
tui
atproto
bbs
web/dashboard: add short sentences explaining panels
+42
-22
+42
-22
web/src/pages/Dashboard.tsx
+42
-22
web/src/pages/Dashboard.tsx
···
104
104
</div>
105
105
106
106
{tab === "inbox" && (
107
-
<Suspense fallback={loading}>
108
-
<Await resolve={activity}>
109
-
{(resolved: ActivityItem[]) => (
110
-
<ActivityList items={resolved} userHandle={user.handle} />
111
-
)}
112
-
</Await>
113
-
</Suspense>
107
+
<>
108
+
<p className="text-neutral-500 text-xs mb-4">
109
+
Recent replies and quotes from other users.
110
+
</p>
111
+
<Suspense fallback={loading}>
112
+
<Await resolve={activity}>
113
+
{(resolved: ActivityItem[]) => (
114
+
<ActivityList items={resolved} userHandle={user.handle} />
115
+
)}
116
+
</Await>
117
+
</Suspense>
118
+
</>
114
119
)}
115
120
116
121
{tab === "threads" && (
117
-
<Suspense fallback={loading}>
118
-
<Await resolve={threads}>
119
-
{(resolved: MyThread[]) => <MyThreadList threads={resolved} />}
120
-
</Await>
121
-
</Suspense>
122
+
<>
123
+
<p className="text-neutral-500 text-xs mb-4">
124
+
Threads you've posted across all BBSes.
125
+
</p>
126
+
<Suspense fallback={loading}>
127
+
<Await resolve={threads}>
128
+
{(resolved: MyThread[]) => <MyThreadList threads={resolved} />}
129
+
</Await>
130
+
</Suspense>
131
+
</>
122
132
)}
123
133
124
134
{tab === "pinned" && (
125
-
<Suspense fallback={loading}>
126
-
<Await resolve={pins}>
127
-
{(resolved: PinnedBBS[]) => <PinnedList pins={resolved} />}
128
-
</Await>
129
-
</Suspense>
135
+
<>
136
+
<p className="text-neutral-500 text-xs mb-4">
137
+
BBSes you've pinned for quick access.
138
+
</p>
139
+
<Suspense fallback={loading}>
140
+
<Await resolve={pins}>
141
+
{(resolved: PinnedBBS[]) => <PinnedList pins={resolved} />}
142
+
</Await>
143
+
</Suspense>
144
+
</>
130
145
)}
131
146
132
147
{tab === "bbs" && (
133
-
<BBSPanel
134
-
hasBBS={hasBBS}
135
-
userHandle={user.handle}
136
-
onDelete={handleDeleteBBS}
137
-
/>
148
+
<>
149
+
<p className="text-neutral-500 text-xs mb-4">
150
+
Manage your BBS.
151
+
</p>
152
+
<BBSPanel
153
+
hasBBS={hasBBS}
154
+
userHandle={user.handle}
155
+
onDelete={handleDeleteBBS}
156
+
/>
157
+
</>
138
158
)}
139
159
</>
140
160
);