44a5567d0d
**What** - Implements new Region domain design - Adds new SplitView component for managing adding nested relations in FocusModals, eg. adding countries to a region. - Adds new Combobox component for multi select fields in forms **medusajs/ui** - Fix styling of RadioGroup.Choicebox component CLOSES CORE-1650, CORE-1671
50 lines
1.2 KiB
TypeScript
50 lines
1.2 KiB
TypeScript
import { Heading } from "@medusajs/ui"
|
|
import { useAdminRegion, useAdminShippingOption } from "medusa-react"
|
|
import { useTranslation } from "react-i18next"
|
|
import { useParams } from "react-router-dom"
|
|
import { RouteDrawer } from "../../../components/route-modal"
|
|
import { EditShippingOptionForm } from "./components/edit-shipping-option-form"
|
|
|
|
export const RegionEditShippingOption = () => {
|
|
const { id, so_id } = useParams()
|
|
const { t } = useTranslation()
|
|
|
|
const {
|
|
region,
|
|
isLoading: isLoadingRegion,
|
|
isError: isRegionError,
|
|
error: regionError,
|
|
} = useAdminRegion(id!)
|
|
|
|
const {
|
|
shipping_option,
|
|
isLoading: isLoadingOption,
|
|
isError: isOptionError,
|
|
error: optionError,
|
|
} = useAdminShippingOption(so_id!)
|
|
|
|
const isLoading = isLoadingRegion || isLoadingOption
|
|
|
|
if (isRegionError) {
|
|
throw regionError
|
|
}
|
|
|
|
if (isOptionError) {
|
|
throw optionError
|
|
}
|
|
|
|
return (
|
|
<RouteDrawer>
|
|
<RouteDrawer.Header>
|
|
<Heading>{t("regions.shippingOption.editShippingOption")}</Heading>
|
|
</RouteDrawer.Header>
|
|
{!isLoading && region && shipping_option && (
|
|
<EditShippingOptionForm
|
|
region={region}
|
|
shippingOption={shipping_option}
|
|
/>
|
|
)}
|
|
</RouteDrawer>
|
|
)
|
|
}
|