diff --git a/frontend/src/components/forms/Channel.jsx b/frontend/src/components/forms/Channel.jsx index 9e7b72f1..aa4a413f 100644 --- a/frontend/src/components/forms/Channel.jsx +++ b/frontend/src/components/forms/Channel.jsx @@ -23,6 +23,7 @@ import { Grid, Flex, } from '@mantine/core'; +import { SquarePlus } from 'lucide-react'; const Channel = ({ channel = null, isOpen, onClose }) => { const channelGroups = useChannelsStore((state) => state.channelGroups); @@ -250,7 +251,7 @@ const Channel = ({ channel = null, isOpen, onClose }) => { return ( <> - +
@@ -265,35 +266,38 @@ const Channel = ({ channel = null, isOpen, onClose }) => { } /> - - ({ - value: `${option.id}`, - label: option.name, - }))} - /> -
+ + + ({ + value: `${option.id}`, + label: option.name, + }))} + /> + + setChannelGroupModalOpen(true)} title="Create new group" size="small" - variant="filled" + variant="light" + style={{ marginTop: '175%' }} // @TODO: I don't like this, figure out better placement > - + -
-
+
+
{ const streamProfiles = useStreamProfilesStore((state) => state.profiles); const [selectedStreamProfile, setSelectedStreamProfile] = useState(''); - console.log(stream); const formik = useFormik({ initialValues: { name: '', diff --git a/frontend/src/components/forms/StreamProfile.jsx b/frontend/src/components/forms/StreamProfile.jsx index 4d625a95..eadcca13 100644 --- a/frontend/src/components/forms/StreamProfile.jsx +++ b/frontend/src/components/forms/StreamProfile.jsx @@ -4,7 +4,7 @@ import { useFormik } from 'formik'; import * as Yup from 'yup'; import API from '../../api'; import useUserAgentsStore from '../../store/userAgents'; -import { Modal, TextInput, Select, Button } from '@mantine/core'; +import { Modal, TextInput, Select, Button, Flex } from '@mantine/core'; const StreamProfile = ({ profile = null, isOpen, onClose }) => { const userAgents = useUserAgentsStore((state) => state.userAgents); @@ -62,7 +62,7 @@ const StreamProfile = ({ profile = null, isOpen, onClose }) => { label="Name" value={formik.values.profile_name} onChange={formik.handleChange} - error={formik.touched.profile_name} + error={formik.errors.profile_name} /> { label="Command" value={formik.values.command} onChange={formik.handleChange} - error={formik.touched.command} + error={formik.errors.command} /> { label="Parameters" value={formik.values.parameters} onChange={formik.handleChange} - error={formik.touched.parameters} + error={formik.errors.parameters} />