From 887ecfabbc309d0f1fbf733e4d02ede220b658a4 Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Fri, 25 Mar 2022 13:37:54 -0700
Subject: [PATCH] client: handle files with no names in file dropdown

---
 client/components/file-dropdown/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/components/file-dropdown/index.tsx b/client/components/file-dropdown/index.tsx
index bcf5c963..ee361f40 100644
--- a/client/components/file-dropdown/index.tsx
+++ b/client/components/file-dropdown/index.tsx
@@ -1,4 +1,4 @@
-import { Button, Link, Note, Popover, Spacer } from '@geist-ui/core'
+import { Button, Link, Text, Popover } from '@geist-ui/core'
 import FileIcon from '@geist-ui/icons/fileText'
 import CodeIcon from '@geist-ui/icons/fileLambda'
 import styles from './dropdown.module.css'
@@ -44,7 +44,7 @@ const FileDropdown = ({
                 <Link color={false} href={`#${item.title}`}>
                     <ShiftBy y={5}><span className={styles.fileIcon}>
                         {item.icon}</span></ShiftBy>
-                    <span className={styles.fileTitle}>{item.title}</span>
+                    <span className={styles.fileTitle}>{item.title ? item.title : 'Untitled'}</span>
                 </Link>
             </li>
         ))}
@@ -55,9 +55,9 @@ const FileDropdown = ({
     return (
         <Button auto onClick={() => setExpanded(!expanded)} className={styles.button} iconRight={<ChevronDown />}>
             <Popover content={content} visible={expanded} trigger="click" hideArrow={true}>
-                {files.length} files
+                {files.length} {files.length === 1 ? 'file' : 'files'}
             </Popover>
-        </Button >
+        </Button>
     )
 }