this repo has no description
Min-height to make sure it's not too small
+31
-26
+28
-26
src/pages/home.jsx
+28
-26
src/pages/home.jsx
···
169
169
<header>
170
170
<h2>Notifications</h2>
171
171
</header>
172
-
{snapStates.notifications.length ? (
173
-
<>
174
-
{snapStates.notifications
175
-
.slice(0, NOTIFICATIONS_DISPLAY_LIMIT)
176
-
.map((notification) => (
177
-
<Notification
178
-
key={notification.id}
179
-
instance={instance}
180
-
notification={notification}
181
-
/>
182
-
))}
183
-
</>
184
-
) : uiState === 'loading' ? (
185
-
<div class="ui-state">
186
-
<Loader abrupt />
187
-
</div>
188
-
) : (
189
-
uiState === 'error' && (
172
+
<main>
173
+
{snapStates.notifications.length ? (
174
+
<>
175
+
{snapStates.notifications
176
+
.slice(0, NOTIFICATIONS_DISPLAY_LIMIT)
177
+
.map((notification) => (
178
+
<Notification
179
+
key={notification.id}
180
+
instance={instance}
181
+
notification={notification}
182
+
/>
183
+
))}
184
+
</>
185
+
) : uiState === 'loading' ? (
190
186
<div class="ui-state">
191
-
<p>Unable to fetch notifications.</p>
192
-
<p>
193
-
<button type="button" onClick={loadNotifications}>
194
-
Try again
195
-
</button>
196
-
</p>
187
+
<Loader abrupt />
197
188
</div>
198
-
)
199
-
)}
189
+
) : (
190
+
uiState === 'error' && (
191
+
<div class="ui-state">
192
+
<p>Unable to fetch notifications.</p>
193
+
<p>
194
+
<button type="button" onClick={loadNotifications}>
195
+
Try again
196
+
</button>
197
+
</p>
198
+
</div>
199
+
)
200
+
)}
201
+
</main>
200
202
<footer>
201
203
<Link to="/mentions" class="button plain">
202
204
<Icon icon="at" /> <span>Mentions</span>