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

Fix linting

Browse Source
This commit is contained in:
Eizock 2023-01-10 19:28:36 +00:00
parent c7ad45f069
commit 562b01e70e
1 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/widgets/moonraker/component.jsx
View File

@ -9,16 +9,16 @@ export default function Component({ service }) {
const { widget } = service; const { widget } = service;
const { data: mr_print_stats, error: mre_print_stats } = useWidgetAPI(widget, "print_stats"); const { data: printStats, error: printStatsError } = useWidgetAPI(widget, "print_stats");
const { data: mr_display_status, error: mre_display_status } = useWidgetAPI(widget, "display_status"); const { data: displayStatus, error: displayStatsError } = useWidgetAPI(widget, "display_status");
const { data: mr_webhooks, error: mre_webhooks } = useWidgetAPI(widget, "webhooks"); const { data: webHooks, error: webHooksError } = useWidgetAPI(widget, "webhooks");
if (mre_print_stats || mre_display_status || mre_webhooks) { if (printStatsError || displayStatsError || webHooksError) {
const finalError = mre_print_stats ?? mre_display_status ?? mre_webhooks; const finalError = printStatsError ?? displayStatsError ?? webHooksError;
return <Container error={finalError} />; return <Container error={finalError} />;
} }
if (!mr_print_stats || !mr_display_status || !mr_webhooks) { if (!printStats || !displayStatus || !webHooks) {
return ( return (
<Container service={service}> <Container service={service}>
<div class="inline-flex flex-col" style={{width: '100%'}}> <div class="inline-flex flex-col" style={{width: '100%'}}>
@ -34,44 +34,44 @@ export default function Component({ service }) {
); );
} }
const filename = "-"; let fileName = "-";
if(!mr_print_stats.result.status.print_stats.filename == "") { if(!printStats.result.status.print_stats.filename === "") {
filename = mr_print_stats.result.status.print_stats.filename; fileName = printStats.result.status.print_stats.filename;
} }
if (mr_webhooks.result.status.webhooks.state == "shutdown") { if (webHooks.result.status.webhooks.state === "shutdown") {
return ( return (
<Container service={service}> <Container service={service}>
<div class="inline-flex flex-col" style={{width: '100%'}}> <div class="inline-flex flex-col" style={{width: '100%'}}>
<Block label="moonraker.printer_state" value={mr_webhooks.result.status.webhooks.state} /> <Block label="moonraker.printer_state" value={webHooks.result.status.webhooks.state} />
<div class="inline-flex flex-row"> <div class="inline-flex flex-row">
<Block label="moonraker.layers" value={"-"} /> <Block label="moonraker.layers" value="-" />
<Block label="moonraker.print_progress" value={"-"} /> <Block label="moonraker.print_progress" value="-" />
<Block label="moonraker.print_status" value={"-"} /> <Block label="moonraker.print_status" value="-" />
</div> </div>
<Block label="moonraker.filename" value={"-"} /> <Block label="moonraker.filename" value="-" />
</div> </div>
</Container> </Container>
); );
} }
const current_layer = "-"; let currentLayer = "-";
const total_layer = "-"; let totalLayer = "-";
if(!mr_print_stats.result.status.print_stats.info.current_layer == "") { if(!printStats.result.status.print_stats.info.current_layer === "") {
current_layer = mr_print_stats.result.status.print_stats.info.current_layer; currentLayer = printStats.result.status.print_stats.info.current_layer;
total_layer = mr_print_stats.result.status.print_stats.info.total_layer; totalLayer = printStats.result.status.print_stats.info.total_layer;
} }
return ( return (
<Container service={service}> <Container service={service}>
<div class="inline-flex flex-col" style={{width: '100%'}}> <div class="inline-flex flex-col" style={{width: '100%'}}>
<Block label="moonraker.printer_state" value={mr_webhooks.result.status.webhooks.state} /> <Block label="moonraker.printer_state" value={webHooks.result.status.webhooks.state} />
<div class="inline-flex flex-row"> <div class="inline-flex flex-row">
<Block label="moonraker.layers" value={`${current_layer} / ${total_layer}`} /> <Block label="moonraker.layers" value={`${currentLayer} / ${totalLayer}`} />
<Block label="moonraker.print_progress" value={t("common.percent", { value: (mr_display_status.result.status.display_status.progress * 100) })} /> <Block label="moonraker.print_progress" value={t("common.percent", { value: (displayStatus.result.status.display_status.progress * 100) })} />
<Block label="moonraker.print_status" value={mr_print_stats.result.status.print_stats.state} /> <Block label="moonraker.print_status" value={printStats.result.status.print_stats.state} />
</div> </div>
<Block label="moonraker.filename" value={filename} /> <Block label="moonraker.filename" value={fileName} />
</div> </div>
</Container> </Container>
); );