stefan
/
simple-picture-gallery
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove default folder 

It looked weird having a folder shown, while loading the folder
 structure
This commit is contained in:
Stefan Forstenlechner 2024-08-15 20:33:38 +02:00
parent 66962106d3
commit 77348a9323
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
picture-gallery-client/src/ImageGallery/ImageGalleryDrawer.tsx
View File

@ -11,6 +11,7 @@ import { Chip, useTheme } from "@mui/material";
import useMediaQuery from "@mui/material/useMediaQuery"; import useMediaQuery from "@mui/material/useMediaQuery";
import { smallScreenMediaQuery } from "../ImageGalleryLayout"; import { smallScreenMediaQuery } from "../ImageGalleryLayout";
import { getDefaultExpanded } from "./PathToExpaned"; import { getDefaultExpanded } from "./PathToExpaned";
import Typography from "@mui/material/Typography";
function generateTreeViewChildren( function generateTreeViewChildren(
folders: Folders[], folders: Folders[],
@ -141,18 +142,24 @@ export const ImageGalleryDrawer = ({
}: { }: {
open: boolean; open: boolean;
drawerWidth: number; drawerWidth: number;
folders: Folders; folders: Folders | undefined;
handleDrawerToggle: () => void; handleDrawerToggle: () => void;
}) => { }) => {
const theme = useTheme(); const theme = useTheme();
const smallScreen = !useMediaQuery(smallScreenMediaQuery); const smallScreen = !useMediaQuery(smallScreenMediaQuery);
const drawerContent = ( const drawerContent =
<> folders != undefined ? (
<Toolbar sx={{ marginBottom: 3 }} /> <>
<GenerateTreeView root={folders} /> <Toolbar sx={{ marginBottom: 3 }} />
</> <GenerateTreeView root={folders} />
); </>
) : (
<>
<Toolbar sx={{ marginBottom: 3 }} />
<Typography sx={{ marginLeft: 2 }}>Loading folders...</Typography>
</>
);
return smallScreen ? ( return smallScreen ? (
<Drawer <Drawer

7
picture-gallery-client/src/ImageGalleryLayout.tsx
View File

@ -18,12 +18,7 @@ function ImageGalleryLayout() {
const [imagesLoaded, setImagesLoaded] = useState(false); const [imagesLoaded, setImagesLoaded] = useState(false);
const [images, setImages] = useState<ImageWithThumbnail[]>([]); const [images, setImages] = useState<ImageWithThumbnail[]>([]);
const [folders, setFolders] = useState<Folders>({ const [folders, setFolders] = useState<Folders | undefined>(undefined);
name: "Home",
fullPath: "/",
numberOfFiles: 0,
children: [],
});
const location = useLocation(); const location = useLocation();
const navigate = useNavigate(); const navigate = useNavigate();