#646: initial show/hide grid display

man-group · Mar 15, 2022 · 5d54c82 · 5d54c82
1 parent 54f3b4b
commit 5d54c82
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/frontend/static/popups/describe/DtypesGrid.tsx b/frontend/static/popups/describe/DtypesGrid.tsx
@@ -86,16 +86,18 @@ const DtypesGrid: React.FC<DtypesGridProps & WithTranslation> = ({
   setVisibility,
 }) => {
   const [sort, setSort] = React.useState<SortDef>(['index', SortDir.ASC]);
-  const [data, setData] = React.useState<DtypesGridRow[]>(
-    dtypes.map((col, index) => ({ ...col, selected: selected ? selected.index === col.index : index === 0 })),
-  );
+  const [data, setData] = React.useState<DtypesGridRow[]>([]);
   const [dtypesFilter, setDtypesFilter] = React.useState<string>();
   const [allVisible, setAllVisible] = React.useState(gu.noHidden(dtypes));
 
   React.useEffect(() => {
     setData(data.map((row) => ({ ...row, selected: selected ? selected.index === row.index : row.selected })));
   }, [selected]);
 
+  React.useEffect(() => {
+    setData(dtypes.map((col, index) => ({ ...col, selected: selected ? selected.index === col.index : index === 0 })));
+  }, [dtypes]);
+
   const headerRenderer = (props: TableHeaderProps): JSX.Element => {
     const { dataKey, label } = props;
     if (dataKey === 'visible') {