smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Linted

Browse Source
This commit is contained in:
Sean Edmunds
2024-08-20 16:28:46 -05:00
parent 8152d3fe73
commit 7990f164d6
39 changed files with 824 additions and 772 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/homepage/components/SettingsButton.tsx
View File

@@ -1,17 +1,15 @@
import { Button, Menu, NavLink, Select } from "@mantine/core";
import { useEffect, useState } from "react";
import { FiMenu, FiMonitor } from "react-icons/fi";
import { useQueryAPI } from "../../../hooks/useAPI";
import button from "../../../styles/Button.module.css";
import menu from "../../../styles/Menu.module.css";
import navLink from "../../../styles/NavLink.module.css";
import selectClasses from "../../../styles/Select.module.css";
import { Button, Menu, NavLink, Select } from '@mantine/core';
import { useEffect, useState } from 'react';
import { FiMenu, FiMonitor } from 'react-icons/fi';
import { useQueryAPI } from '../../../hooks/useAPI';
import button from '../../../styles/Button.module.css';
import menu from '../../../styles/Menu.module.css';
import navLink from '../../../styles/NavLink.module.css';
import selectClasses from '../../../styles/Select.module.css';
function SettingsButton({ contentType, setContentType, theme }: any) {
const { data, isFetched } = useQueryAPI({ endpoint: "api/appCategories" });
const [categories, setCategories] = useState([
{ value: "All", label: "All" },
]);
const { data, isFetched } = useQueryAPI({ endpoint: 'api/appCategories' });
const [categories, setCategories] = useState([{ value: 'All', label: 'All' }]);
useEffect(() => {
if (data) {
@@ -19,20 +17,20 @@ function SettingsButton({ contentType, setContentType, theme }: any) {
data.map((category: any) => {
return { value: category.category, label: category.category };
}) || [];
list.unshift({ value: "All", label: "All" });
list.unshift({ value: 'All', label: 'All' });
setCategories(list);
}
}, [data, isFetched]);
function runWakeCommand() {
const requestOptions = {
method: "GET",
headers: { "Content-Type": "application/json" },
method: 'GET',
headers: { 'Content-Type': 'application/json' },
};
fetch("/trigger/api/wakeDakota", requestOptions);
fetch('/trigger/api/wakeDakota', requestOptions);
}
return (
<Menu withinPortal={false} withArrow shadow="md" position="top">
<Menu withinPortal={false} withArrow shadow='md' position='top'>
<Menu.Target>
<Button className={button.settingsButton} classNames={button}>
<FiMenu />
@@ -40,19 +38,19 @@ function SettingsButton({ contentType, setContentType, theme }: any) {
</Menu.Target>
<Menu.Dropdown className={menu.dropdown}>
<NavLink
label="Settings"
component="a"
href="/trigger/settings"
label='Settings'
component='a'
href='/trigger/settings'
className={navLink.defaultNavLink}
classNames={navLink}
/>
<NavLink
label="Quick Actions"
label='Quick Actions'
className={navLink.defaultNavLink}
classNames={navLink}
>
<NavLink
label="Wake Dakota"
label='Wake Dakota'
leftSection={<FiMonitor />}
onClick={() => runWakeCommand()}
className={navLink.defaultNavLink}
@@ -60,7 +58,7 @@ function SettingsButton({ contentType, setContentType, theme }: any) {
/>
</NavLink>
<Select
label="Homepage Filter"
label='Homepage Filter'
data={categories ?? []}
defaultValue={contentType}
withCheckIcon={false}