From 9d81d64ca73ca0d56faa5df2679e921d25a71d1d Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Thu, 10 Mar 2022 20:16:27 -0800
Subject: [PATCH] Debug view improvements

---
 src/debug/DebugSkin.js | 43 +++++++++++++++++++++++++++---------------
 1 file changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/debug/DebugSkin.js b/src/debug/DebugSkin.js
index 6761b067..9cf17a3b 100644
--- a/src/debug/DebugSkin.js
+++ b/src/debug/DebugSkin.js
@@ -106,25 +106,38 @@ export default function DebugSkin({ md5 }) {
             )}
           </ul>
           <h2>Shares</h2>
-          <ul>
-            {skin.tweets.map((tweet, i) => (
-              <li key={tweet.url}>
-                <a href={tweet.url}>Tweet</a> ({tweet.retweets} retweets /{" "}
-                {tweet.likes} likes)
-              </li>
-            ))}
-          </ul>
+          {skin.tweets.length === 0 ? (
+            <p>No Tweets</p>
+          ) : (
+            <ul>
+              {skin.tweets.map((tweet, i) => (
+                <li key={tweet.url}>
+                  <a href={tweet.url}>Tweet</a> ({tweet.retweets} retweets /{" "}
+                  {tweet.likes} likes)
+                </li>
+              ))}
+            </ul>
+          )}
           <h2>Reviews</h2>
-          <ul>
-            {skin.reviews.map((review, i) => (
-              <li key={i}>
-                {review.rating} by {review.reviewer ?? "[unknown]"}
-              </li>
-            ))}
-          </ul>
+          {skin.reviews.length === 0 ? (
+            <p>No reviews</p>
+          ) : (
+            <ul>
+              {skin.reviews.map((review, i) => (
+                <li key={i}>
+                  {review.rating} by {review.reviewer ?? "[unknown]"}
+                </li>
+              ))}
+            </ul>
+          )}
           <h2>Files</h2>
           <table>
             <tbody>
+              <tr>
+                <th style={{ textAlign: "left" }}>File Path</th>
+                <th style={{ textAlign: "left" }}>Size</th>
+                <th style={{ textAlign: "left" }}>Date</th>
+              </tr>
               {skin.archive_files.map((file) => {
                 return (
                   <tr key={file.filename}>