OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dont use iconchildren, dont use another widget's strings

Browse Source
This commit is contained in:
shamoon 2024-11-24 20:30:03 -08:00
parent 81e561304a
commit 4f03104ed1
2 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/widgets/resources/network.jsx
View File

@ -41,13 +41,8 @@ export default function Network({ options, refresh = 1500 }) {
expandedLabel={<FaAngleDown />}
percentage="0"
expanded="true"
iconChildren={
<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">
{data.interface}
</span>
}
>
<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t("pyload.speed")}</div>
<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{data.interface}</div>
</Resource>
<Resource
@ -58,13 +53,8 @@ export default function Network({ options, refresh = 1500 }) {
expandedLabel={<FaAngleDown />}
percentage="0"
expanded="true"
iconChildren={
<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">
{data.interface}
</span>
}
>
<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t("pyload.total")}</div>
<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{data.interface}</div>
</Resource>
</>
);

6
src/components/widgets/widget/resource.jsx
View File

@ -3,7 +3,6 @@ import UsageBar from "../resources/usage-bar";
export default function Resource({
children,
icon,
iconChildren,
value,
label,
expandedValue = "",
@ -18,10 +17,7 @@ export default function Resource({
<div
className={`flex-none flex flex-row items-center mr-3 py-1.5 information-widget-resource ${additionalClassNames}`}
>
<div className="flex flex-col items-center">
<Icon className="text-theme-800 dark:text-theme-200 w-5 h-5 resource-icon" />
{iconChildren}
</div>
<Icon className="text-theme-800 dark:text-theme-200 w-5 h-5 resource-icon" />
<div className={`flex flex-col ml-3 text-left min-w-[85px] ${expanded ? " expanded" : ""}`}>
<div className="text-theme-800 dark:text-theme-200 text-xs flex flex-row justify-between">
<div className="pl-0.5">{value}</div>