Leafcutter UI fixes

apps/leafcutter/components/QueryBuilder.tsx

@@ -22,7 +22,7 @@ import { QueryDateRangeSelector } from "./QueryDateRangeSelector";
 import { useAppContext } from "./AppProvider";
 import { Tooltip } from "./Tooltip";
 
-interface QueryBuilderProps {}
+interface QueryBuilderProps { }
 
 export const QueryBuilder: FC<QueryBuilderProps> = () => {
   const t = useTranslate();
@@ -155,9 +155,9 @@ export const QueryBuilder: FC<QueryBuilderProps> = () => {
         <QueryBuilderSection
           width={12}
           name={t("region")}
-          keyName="region"
+          keyName="subregion"
           Image={MapIcon}
-          showQueryType
+          showQueryType={false}
           tooltipTitle={t("regionCardTitle")}
           tooltipDescription={t("regionCardDescription")}
         >

apps/leafcutter/components/RawDataViewer.tsx

@@ -58,7 +58,7 @@ export const RawDataViewer: FC<RawDataViewerProps> = ({ rows, height }) => {
 
   return (
     <Grid item xs={12}>
-      <Box sx={{ width: "100%", height }}>
+      <Box sx={{ width: "100%", height }} onClick={(e: any) => e.stopPropagation()}>
         <Grid container direction="column" spacing={2}>
           <Grid item>
             <DataGridPro
@@ -71,10 +71,11 @@ export const RawDataViewer: FC<RawDataViewerProps> = ({ rows, height }) => {
               hideFooter
               disableColumnMenu
               scrollbarSize={10}
+              disableVirtualization
             />
           </Grid>
         </Grid>
       </Box>
-    </Grid>
+    </Grid >
   );
 };