Made site more mobile friendly and fixed test

jlab-sensing · Oct 25, 2024 · b2c922e · b2c922e
1 parent 0102a2a
commit b2c922e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/frontend/src/__tests__/Profile.test.jsx b/frontend/src/__tests__/Profile.test.jsx
@@ -1,8 +1,9 @@
-import { render, screen, waitFor } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+// import { waitFor } from '@testing-library/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import CellsList from '../pages/profile/components/CellsList';
 import AccountInfo from '../pages/profile/components/AccountInfo';
-import { useUserCells } from '../services/cell';
+// import { useUserCells } from '../services/cell';
 import { describe, it, expect, vi, afterEach } from 'vitest';
 import { useOutletContext } from 'react-router-dom';
 

diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -54,9 +54,11 @@ function Dashboard() {
           justifyContent='spaced-evently'
           sx={{ height: '100vh', boxSizing: 'border-box' }}
         >
-          <Stack direction='row' alignItems='center' justifyContent='space-evenly' sx={{ p: 2 }} flex>
+          <Stack direction='row' alignItems='center' justifyContent={'space-evenly'} sx={{ p: 2 }} spacing={3}>
             <BackBtn />
-            <CellSelect selectedCells={selectedCells} setSelectedCells={setSelectedCells} />
+            <Box sx={{ flexGrow: 1, maxWidth: '30%' }}>
+              <CellSelect selectedCells={selectedCells} setSelectedCells={setSelectedCells} />
+            </Box>
             <Box display='flex' justifyContent='center' alignItems='center'>
               <DateRangeSel
                 startDate={startDate}

diff --git a/frontend/src/pages/dashboard/components/CellSelect.jsx b/frontend/src/pages/dashboard/components/CellSelect.jsx
@@ -13,7 +13,7 @@ function CellSelect({ selectedCells, setSelectedCells }) {
     return <span>Error: {cells.error.message}</span>;
   }
   return (
-    <FormControl sx={{ width: 1 / 4 }}>
+    <FormControl sx={{ width: 1 }}>
       <InputLabel id='cell-select'>Cell</InputLabel>
       <Select
         labelId='cell-select-label'