[pat] List view UI

Author: Laurie T. Malau

components/dashboard/src/settings/PersonalAccessTokens.tsx

@@ -39,15 +39,18 @@ function ListAccessTokensView() {
 
     return (
         <div>
-            <ul>
-                {tokens.map((t: PersonalAccessToken) => {
-                    return (
-                        <li>
-                            {t.id} - {t.name} - {t.value}
-                        </li>
-                    );
-                })}
-            </ul>
+            No personal access tokens.
+            {tokens.length > 0 && (
+                <ul>
+                    {tokens.map((t: PersonalAccessToken) => {
+                        return (
+                            <li>
+                                {t.id} - {t.name} - {t.value}
+                            </li>
+                        );
+                    })}
+                </ul>
+            )}
         </div>
     );
 }