TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added NPED cat sorting

Browse Source
This commit is contained in:
Toba Ojo
2025-09-22 09:26:45 +01:00
parent 50cedaf2c4
commit 69eb5cc7be
15 changed files with 212 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/SettingForms/BearerType/BearerTypeFields.tsx
View File

@@ -1,5 +1,4 @@
import { Field, useFormikContext } from "formik";
import FormToggle from "../components/FormToggle";
export const ValuesComponent = () => {
@@ -11,13 +10,13 @@ const BearerTypeFields = () => {
return (
<div className="flex flex-col space-y-4">
<div className="flex items-center gap-3">
<div className="flex items-center gap-3 justify-between">
<label htmlFor="format">Format</label>
<Field
as="select"
name="format"
id="format"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445] w-full md:w-60"
>
<option value="JSON">JSON</option>
<option value="BOF2">BOF2</option>

10
src/components/SettingForms/Channel1-JSON/ChannelFields.tsx
View File

@@ -18,7 +18,7 @@ const ChannelFields = () => {
type="text"
id="backoffice"
placeholder="https://www.backoffice.com"
className="p-1.5 border border-gray-400 rounded-lg"
className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
</FormGroup>
<FormGroup>
@@ -28,7 +28,7 @@ const ChannelFields = () => {
type="text"
id="username"
placeholder="Back office username"
className="p-1.5 border border-gray-400 rounded-lg"
className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
</FormGroup>
<FormGroup>
@@ -38,7 +38,7 @@ const ChannelFields = () => {
type={showPwd ? "text" : "password"}
id="password"
placeholder="Back office password"
className="p-1.5 border border-gray-400 rounded-lg"
className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
<FontAwesomeIcon
type="button"
@@ -53,7 +53,7 @@ const ChannelFields = () => {
name={"connectTimeoutSeconds"}
type="number"
id="connectTimeoutSeconds"
className="p-1.5 border border-gray-400 rounded-lg"
className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
</FormGroup>
<FormGroup>
@@ -63,7 +63,7 @@ const ChannelFields = () => {
type="number"
id="readTimeoutSeconds"
placeholder="https://example.com"
className="p-1.5 border border-gray-400 rounded-lg"
className="p-1.5 border border-gray-400 rounded-lg w-full md:w-60"
/>
</FormGroup>
</div>

2
src/components/SettingForms/components/FormToggle.tsx
View File

@@ -2,7 +2,7 @@ import { Field } from "formik";
const FormToggle = ({ name, label }: { name: string; label?: string }) => {
return (
<label className="flex items-center gap-3 cursor-pointer select-none w-50">
<label className="flex items-center gap-3 cursor-pointer select-none w-50 justify-between">
<span className="text-sm">{label}</span>
<Field id={name} type="checkbox" name={name} className="sr-only peer" />
<div