Merge pull request #1804 from hackforla/1785-export-button-ui

1785 Add export button and notification dialogs
hackforla · Sep 3, 2024 · d5d5af1 · d5d5af1
2 parents ddd3574 + 8776b98
commit d5d5af1
Show file tree

Hide file tree

Showing 18 changed files with 797 additions and 203 deletions.
diff --git a/assets/close.svg b/assets/close.svg
diff --git a/assets/download-circle.svg b/assets/download-circle.svg
diff --git a/assets/loading dots.svg b/assets/loading dots.svg
diff --git a/assets/logo_downloading.svg b/assets/logo_downloading.svg
diff --git a/assets/round-check-circle.svg b/assets/round-check-circle.svg
diff --git a/assets/typcn_export.svg b/assets/typcn_export.svg
diff --git a/assets/warning-error.svg b/assets/warning-error.svg
diff --git a/assets/yellow_tips.svg b/assets/yellow_tips.svg
diff --git a/components/common/ChipList/StyledChip.jsx b/components/common/ChipList/StyledChip.jsx
@@ -51,6 +51,7 @@ function StyledChip({
   color,
   onDelete,
   outlined,
+  sx,
 }) {
   const theme = useTheme();
   const classesSolid = useStylesSolid({ color });
@@ -72,26 +73,32 @@ function StyledChip({
       size="small"
       variant={outlined ? 'outlined' : 'default'}
       clickable={false}
+      sx={sx}
     />
   );
 }
 
 export default StyledChip;
 
 StyledChip.propTypes = {
-  label: PropTypes.string.isRequired,
+  label: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.object,
+  ]).isRequired,
   value: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.number,
   ]),
   color: PropTypes.string,
   onDelete: PropTypes.func,
   outlined: PropTypes.bool,
+  sx: PropTypes.shape({}),
 };
 
 StyledChip.defaultProps = {
   value: undefined,
   color: undefined,
   onDelete: undefined,
   outlined: false,
+  sx: undefined,
 };