fix: data.elgnth update

afeiship · Nov 16, 2024 · 51b0391 · 51b0391
1 parent 3840bcf
commit 51b0391
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/public/src/app.tsx b/public/src/app.tsx
@@ -7,11 +7,12 @@ import styled from 'styled-components';
 import data from './data.json';
 
 const Container = styled.div`
-  width: 80%;
-  margin: 30px auto 0;
-  .react-calendar-graph {
-    width: 90%;
-  }
+    width: 80%;
+    margin: 30px auto 0;
+
+    .react-calendar-graph {
+        width: 90%;
+    }
 `;
 
 export default () => {

diff --git a/src/components/index.tsx b/src/components/index.tsx
@@ -44,8 +44,8 @@ export default class ReactCalendarGraph extends Component<ReactCalendarGraphProp
     data: [],
     options: {
       showWeekdayLabels: true,
-      hideTotalCount:true,
-      hideColorLegend:true,
+      hideTotalCount: true,
+      hideColorLegend: true
     }
   };
 
@@ -60,6 +60,8 @@ export default class ReactCalendarGraph extends Component<ReactCalendarGraphProp
 
   render() {
     const { className, data, options, ...props } = this.props;
+    if (!data?.length) return null;
+
     return (
       <section data-component={CLASS_NAME} className={classNames(CLASS_NAME, className)} {...props}>
         <ActivityCalendar