Hide negative earners on leaderboard. Show empty message if none on leaderboard.

web/components/leaderboard.tsx

@@ -17,6 +17,9 @@ export function Leaderboard(props: {
   return (
     <div className={clsx('w-full px-1', className)}>
       <Title text={title} />
+      {users.length === 0 ? (
+        <div className="text-gray-500 ml-2">None yet</div>
+      ) : (
         <div className="overflow-x-auto">
           <table className="table table-zebra table-compact text-gray-500 w-full">
             <thead>
@@ -54,6 +57,7 @@ export function Leaderboard(props: {
             </tbody>
           </table>
         </div>
+      )}
     </div>
   )
 }

web/pages/fold/[...slugs]/index.tsx

@@ -99,7 +99,8 @@ async function toUserScores(userScores: { [userId: string]: number }) {
   const topUserPairs = _.take(
     _.sortBy(Object.entries(userScores), ([_, score]) => -1 * score),
     10
-  )
+  ).filter(([_, score]) => score > 0)
+
   const topUsers = await Promise.all(
     topUserPairs.map(([userId]) => getUser(userId))
   )