fix(Filename): Props filename was required

cozy · Mar 29, 2023 · 910ff05 · 910ff05
1 parent 1ddd12c
commit 910ff05
Showing 1 changed file with 23 additions and 15 deletions.
diff --git a/react/Filename/index.jsx b/react/Filename/index.jsx
@@ -15,20 +15,28 @@ const Filename = ({ icon, filename, extension, variant }) => {
           <Icon className={'u-mr-1'} icon={icon} width={30} height={30} />
         </Img>
       )}
-      <Bd className={styles['c-filename-wrapper']}>
-        <Typography
-          variant={variant}
-          component="span"
-          className={cx(styles['c-filename-name'], 'u-ellipsis')}
-        >
-          {filename}
-        </Typography>
-        {extension && (
-          <Typography variant={variant} component="span" color="textSecondary">
-            {extension}
-          </Typography>
-        )}
-      </Bd>
+      {(filename || extension) && (
+        <Bd className={styles['c-filename-wrapper']}>
+          {filename && (
+            <Typography
+              variant={variant}
+              component="span"
+              className={cx(styles['c-filename-name'], 'u-ellipsis')}
+            >
+              {filename}
+            </Typography>
+          )}
+          {extension && (
+            <Typography
+              variant={variant}
+              component="span"
+              color="textSecondary"
+            >
+              {extension}
+            </Typography>
+          )}
+        </Bd>
+      )}
     </Media>
   )
 }
@@ -41,7 +49,7 @@ Filename.propTypes = {
     PropTypes.func
   ]),
   /** folder or file name */
-  filename: PropTypes.string.isRequired,
+  filename: PropTypes.string,
   /** If a file name, you can specify the extension */
   extension: PropTypes.string,
   variant: PropTypes.string