v3: added multiple stylesheets, improved user profiles

src/pages/UserPlaylists.tsx

@@ -411,12 +411,17 @@ export function UserPlaylists() {
               ))}
             </ul>
           )}
-        <div ref={createdSentinelRef} />
+        {created.hasMore && <div ref={createdSentinelRef} />}
         {created.loadingMore && (
           <p className="feed-loading-more">
             <Trans>Loading more…</Trans>
           </p>
         )}
+        {!created.hasMore && created.items.length > 0 && (
+          <p className="feed-end">
+            <Trans>You've reached the end.</Trans>
+          </p>
+        )}
       </section>
 
       <section className="profile-section">
@@ -441,12 +446,17 @@ export function UserPlaylists() {
               ))}
             </ul>
           )}
-        <div ref={followedSentinelRef} />
+        {followed.hasMore && <div ref={followedSentinelRef} />}
         {followed.loadingMore && (
           <p className="feed-loading-more">
             <Trans>Loading more…</Trans>
           </p>
         )}
+        {!followed.hasMore && followed.items.length > 0 && (
+          <p className="feed-end">
+            <Trans>You've reached the end.</Trans>
+          </p>
+        )}
       </section>
 
       {confirmDeleteId && (