pierre/GeneIT
1
0
Fork 0
Code Issues Pull Requests 3 Packages Projects Releases Wiki Activity

Update project dependencies (#140)
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
Reviewed-on: #140
Co-authored-by: Pierre HUBERT <pierre.git@communiquons.org>
Co-committed-by: Pierre HUBERT <pierre.git@communiquons.org>
This commit is contained in:
Pierre HUBERT
2024-04-08 16:24:09 +00:00
committed by Pierre Hubert
parent 6de067272c
commit 8cab8aa078
6 changed files with 258 additions and 443 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
geneit_app/src/hooks/context_providers/DarkThemeProvider.tsx
View File

@ -1,7 +1,7 @@
import { ThemeProvider, createTheme } from "@mui/material/styles";
import React from "react";
import { PropsWithChildren } from "react";
import { frFR as dataGridFr } from "@mui/x-data-grid";
import { frFR as dataGridFr } from "@mui/x-data-grid/locales";
const localStorageKey = "dark-theme";

11
geneit_app/src/widgets/BasicFamilyTree.tsx
View File

@ -2,7 +2,7 @@ import { mdiBabyCarriage, mdiCross } from "@mdi/js";
import Icon from "@mdi/react";
import ChevronRightIcon from "@mui/icons-material/ChevronRight";
import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
import { TreeItem, TreeView } from "@mui/x-tree-view";
import { TreeItem, SimpleTreeView } from "@mui/x-tree-view";
import React from "react";
import { useNavigate } from "react-router-dom";
import { Couple } from "../api/CoupleApi";
@ -16,13 +16,12 @@ export function BasicFamilyTree(p: {
depth: number;
}): React.ReactElement {
return (
<TreeView
defaultCollapseIcon={<ExpandMoreIcon />}
defaultExpandIcon={<ChevronRightIcon />}
<SimpleTreeView
slots={{ collapseIcon: ExpandMoreIcon, expandIcon: ChevronRightIcon }}
sx={{ flexGrow: 1 }}
>
<FamilyTreeItem n={p.tree} depth={p.depth} />
</TreeView>
</SimpleTreeView>
);
}
@ -40,7 +39,7 @@ function FamilyTreeItem(p: {
return (
<TreeItem
nodeId={p.n.member.id.toString()}
itemId={p.n.member.id.toString()}
style={{ margin: "10px" }}
label={
<div style={{ display: "flex" }}>