grey background for code frequency view

uhh-lt · Jun 12, 2024 · 8c80b39 · 8c80b39
1 parent 24485cc
commit 8c80b39
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/frontend/src/components/User/UserSelectorMulti.tsx b/frontend/src/components/User/UserSelectorMulti.tsx
@@ -1,4 +1,13 @@
-import { Checkbox, FormControl, InputLabel, ListItemText, MenuItem, Select, SelectChangeEvent } from "@mui/material";
+import {
+  Checkbox,
+  FormControl,
+  FormControlProps,
+  InputLabel,
+  ListItemText,
+  MenuItem,
+  Select,
+  SelectChangeEvent,
+} from "@mui/material";
 import React from "react";
 import ProjectHooks from "../../api/ProjectHooks.ts";
 import UserName from "./UserName.tsx";
@@ -10,7 +19,13 @@ interface UserSelectorProps {
   title: string;
 }
 
-function UserSelectorMulti({ projectId, userIds, onUserIdChange, title }: UserSelectorProps) {
+function UserSelectorMulti({
+  projectId,
+  userIds,
+  onUserIdChange,
+  title,
+  ...props
+}: UserSelectorProps & FormControlProps) {
   // global server state (react query)
   const projectUsers = ProjectHooks.useGetAllUsers(projectId);
 
@@ -21,7 +36,7 @@ function UserSelectorMulti({ projectId, userIds, onUserIdChange, title }: UserSe
 
   // render
   return (
-    <FormControl>
+    <FormControl {...props}>
       <InputLabel id="multi-user-select-label">{title}</InputLabel>
       <Select
         labelId="multi-user-select-label"
@@ -30,6 +45,7 @@ function UserSelectorMulti({ projectId, userIds, onUserIdChange, title }: UserSe
         multiple
         onChange={handleChange}
         disabled={!projectUsers.isSuccess}
+        fullWidth
         renderValue={(userIds) =>
           userIds.map((userId, index) => (
             <React.Fragment key={userId}>

diff --git a/frontend/src/views/analysis/CodeFrequency/CodeFrequencyAnalysis.tsx b/frontend/src/views/analysis/CodeFrequency/CodeFrequencyAnalysis.tsx
@@ -29,7 +29,7 @@ function CodeFrequencyAnalysis() {
   }, [selectedUserIds]);
 
   return (
-    <Grid container columnSpacing={1} className="h100" px={2} pt={2}>
+    <Grid container columnSpacing={1} className="h100" px={2} pt={2} bgcolor="grey.200">
       {codeTree ? (
         <>
           <Portal container={appBarContainerRef?.current}>
@@ -44,6 +44,8 @@ function CodeFrequencyAnalysis() {
                 userIds={selectedUserIds}
                 onUserIdChange={setSelectedUserIds}
                 title="User(s)"
+                fullWidth
+                sx={{ bgcolor: "background.paper" }}
               />
               {selectedUserIds.length === 0 ? (
                 <Card variant="outlined">