Code polish

Author: KSDaemon

packages/cubejs-playground/src/QueryBuilderV2/components/ChartRenderer.tsx

@@ -3,7 +3,7 @@ import {
   TimeDimensionGranularity,
   granularityFor,
   minGranularityForIntervals,
-  isPredefinedGranularity
+  isPredefinedGranularity,
 } from '@cubejs-client/core';
 import { UseCubeQueryResult } from '@cubejs-client/react';
 import { Skeleton, Tag, tasty } from '@cube-dev/ui-kit';
@@ -122,8 +122,14 @@ function CartesianChart({
   let granularity = granularityField?.split('.')[2];
 
   if (!isPredefinedGranularity(granularity)) {
-    const granularityInfo = resultSet?.loadResponse.results[0].annotation.timeDimensions[granularityField]?.granularity;
-    granularity = minGranularityForIntervals(granularityInfo.interval, granularityInfo.offset || granularityFor(granularityInfo.origin));
+    const granularityInfo =
+      resultSet?.loadResponse.results[0]?.annotation.timeDimensions[granularityField]?.granularity;
+    if (granularityInfo) {
+      granularity = minGranularityForIntervals(
+        granularityInfo.interval,
+        granularityInfo.offset || granularityFor(granularityInfo.origin)
+      );
+    }
   }
 
   const formatDate = useMemo(() => {

packages/cubejs-playground/src/QueryBuilderV2/components/TimeListMember.tsx

@@ -68,14 +68,12 @@ export function TimeListMember(props: ListMemberProps) {
   const description = member.description;
   const isTimestampSelected = isSelected();
 
-  const customGranularities = (member.type === 'time' && member.granularities) ?
-    member.granularities.map(g => g.name) : [];
-  const memberGranularities = (member.type === 'time' && member.granularities) ?
-    member.granularities.map(g => g.name).concat(PREDEFINED_GRANULARITIES) :
-    PREDEFINED_GRANULARITIES;
+  const customGranularities =
+    member.type === 'time' && member.granularities ? member.granularities.map((g) => g.name) : [];
+  const memberGranularities = customGranularities.concat(PREDEFINED_GRANULARITIES);
   const isGranularitySelectedMap = {};
   memberGranularities.forEach((granularity) => {
-    isGranularitySelectedMap[granularity] = isSelected(granularity)
+    isGranularitySelectedMap[granularity] = isSelected(granularity);
   });
   const selectedGranularity = memberGranularities.find((granularity) => isSelected(granularity));
 
@@ -144,7 +142,8 @@ export function TimeListMember(props: ListMemberProps) {
       return null;
     }
 
-    return items.map((granularity, i) => (<ListMemberButton
+    return items.map((granularity, i) => (
+      <ListMemberButton
         key={`${name}.${granularity}`}
         icon={icon}
         data-member="timeDimension"
@@ -157,7 +156,7 @@ export function TimeListMember(props: ListMemberProps) {
         <Text ellipsis>{granularity}</Text>
       </ListMemberButton>
     ));
-  }
+  };
 
   return (
     <>