account/sender UI

frontend/app/types/index.ts

@@ -153,3 +153,62 @@ export interface TextAreaProps {
   placeholder: string
   height?: string | number
 }
+
+export interface Route {
+  id: string
+  from_city_name: string
+  to_city_name: string
+  from_country_name: string
+  to_country_name: string
+  formatted_departure: string
+  formatted_arrival: string
+  formatted_cargo_type: string
+  formatted_transport: string
+  comment?: string
+  owner_type: string
+}
+
+export interface SelectOption {
+  id: number
+  label: string
+}
+
+export interface MultiSelectProps {
+  value: number[]
+  handleChange: (e: { target: { id: string; value: number[] } }) => void
+  label?: string
+  placeholder?: string
+  name: string
+  options: SelectOption[]
+  className?: string
+  noOptionsMessage?: string
+}
+
+type FormValue = string | number | boolean | string[] | number[]
+
+export interface SenderPageProps extends Record<string, FormValue> {
+  transport: string
+  country_from: string
+  city_from: string
+  country_to: string
+  city_to: string
+  cargo_type: string
+  departure: string
+  arrival: string
+  contact_number: string
+  comment: string
+  email_notification: boolean
+}
+
+export type CargoType = 'letter' | 'package' | 'passenger' | 'parcel' | 'cargo'
+export type TransportType = 'road' | 'avia' | 'both'
+
+export interface CheckboxProps {
+  checked: boolean
+  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void
+  label: string
+  name: string
+  info?: string
+  disabledText: string
+  enabledText: string
+}