hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix withInjectables props

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-05-27 14:01:48 +03:00
parent 9acc2c9f9c
commit 613e98cd2f
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/components/update-button/update-button.tsx
View File

@ -12,17 +12,19 @@ import { cssNames } from "../../utils";
import type { IconProps } from "../icon";
import { Icon } from "../icon";
import { withInjectables } from "@ogre-tools/injectable-react";
import appUpdateWarningInjectable from "../../app-update-warning/app-update-warning.injectable";
import { observer } from "mobx-react";
import appUpdateWarningLevelInjectable from "../../app-update-warning/app-update-warning-level.injectable";
import type { IComputedValue } from "mobx";
interface UpdateButtonProps extends HTMLAttributes<HTMLButtonElement> {
update: () => void;
}
interface Dependencies {
warningLevel?: "light" | "medium" | "high" | "";
warningLevel?: IComputedValue<"light" | "medium" | "high" | "">;
}
export function NonInjectedUpdateButton({ warningLevel, update, id }: UpdateButtonProps & Dependencies) {
export const NonInjectedUpdateButton = observer(({ warningLevel, update, id }: UpdateButtonProps & Dependencies) => {
const buttonId = id ?? "update-lens-button";
const menuIconProps: IconProps = { material: "update", small: true };
const [opened, setOpened] = useState(false);
@ -42,8 +44,8 @@ export function NonInjectedUpdateButton({ warningLevel, update, id }: UpdateButt
data-warning-level={warningLevel}
id={buttonId}
className={cssNames(styles.updateButton, {
[styles.warningHigh]: warningLevel === "high",
[styles.warningMedium]: warningLevel === "medium",
[styles.warningHigh]: warningLevel.get() === "high",
[styles.warningMedium]: warningLevel.get() === "medium",
})}
>
Update
@ -66,15 +68,13 @@ export function NonInjectedUpdateButton({ warningLevel, update, id }: UpdateButt
</Menu>
</>
);
}
});
export const UpdateButton = withInjectables<Dependencies, UpdateButtonProps>(NonInjectedUpdateButton, {
getProps: (di, props) => {
const store = di.inject(appUpdateWarningInjectable);
return {
...props,
warningLevel: store.warningLevel,
warningLevel: di.inject(appUpdateWarningLevelInjectable),
};
},
});