rt/wrolpi
1
0
Fork 0
mirror of https://github.com/lrnselfreliance/wrolpi.git synced 2026-10-26 19:01:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Removing react child trick because it does not always work.

Browse source
This commit is contained in:
Roland 2025-01-11 12:04:14 -07:00
parent d2134f4c92
commit 95bbe22195
No known key found for this signature in database
GPG key ID: 1BA620CE6C9A4680
1 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/src/components/Nav.js
View file

@ -2,7 +2,7 @@ import React from "react";
import {Link, NavLink} from "react-router-dom";
import {Dropdown, Icon as SIcon, Menu} from "semantic-ui-react";
import {Media, SettingsContext, StatusContext, ThemeContext} from "../contexts/contexts";
import {DarkModeToggle, HotspotStatusIcon, isReactChildNull, useLocalStorage} from "./Common";
import {DarkModeToggle, HotspotStatusIcon, useLocalStorage} from "./Common";
import {ShareButton} from "./Share";
import {useCPUTemperature, useIOStats, useLoad, useMemoryStats, usePowerStats, useWROLMode} from "../hooks/customHooks";
import {SearchIconButton} from "./Search";
@ -60,15 +60,12 @@ function MenuLink({link}) {
}
function NavIconWrapper({children}) {
// Do not add margins around empty react element to avoid filling up navbar.
let emptyChild = false;
try {
emptyChild = !children || isReactChildNull(children);
} catch (e) {
console.debug('Failed to get children of react element');
if (children) {
return <div style={{marginTop: '0.8em', marginLeft: '1.5em'}}>{children}</div>
} else {
// Do not use navbar space if children is empty.
return <React.Fragment/>
}
const style = emptyChild ? {} : {marginTop: '0.8em', marginLeft: '1.5em'};
return <div style={style}>{children}</div>
}
function useNavColorSetting() {