Fix link in shipping destination alert box (#5148)

* fix shipping alert box link

* fix url

* fix link

* remove urljoin

* fix test

---------

Co-authored-by: Patryk Andrzejewski <vox3r69@gmail.com>

.changeset/olive-spies-camp.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Shipping destination alert when creating a new order now has a correct link to shipping settings.

src/orders/components/OrderDraftPage/OrderDraftAlert.test.tsx

@@ -6,6 +6,10 @@ import * as React from "react";
 
 import OrderDraftAlert, { OrderDraftAlertProps } from "./OrderDraftAlert";
 
+jest.mock("react-router-dom", () => ({
+  Link: jest.fn(({ to, ...props }) => <a href={to} {...props} />),
+}));
+
 describe("OrderDraftAlert", () => {
   const alertProps: OrderDraftAlertProps = {
     order: order("--url--"),

src/orders/components/OrderDraftPage/OrderDraftAlert.tsx

@@ -1,9 +1,11 @@
 import { ChannelUsabilityDataQuery, OrderDetailsFragment } from "@dashboard/graphql";
+import { shippingZonesListPath } from "@dashboard/shipping/urls";
 import { Alert, AlertProps } from "@saleor/macaw-ui";
-import { Box } from "@saleor/macaw-ui-next";
+import { sprinkles } from "@saleor/macaw-ui-next";
 import clsx from "clsx";
 import React from "react";
 import { FormattedMessage, MessageDescriptor, useIntl } from "react-intl";
+import { Link } from "react-router-dom";
 
 import OrderAlerts from "../OrderAlerts";
 import { alertMessages } from "./messages";
@@ -65,13 +67,20 @@ const OrderDraftAlert: React.FC<OrderDraftAlertProps> = props => {
         values={{
           country: order?.shippingAddress?.country.country,
           configLink: (
-            <Box as="a" textDecoration="underline" href="/shipping" color="accent1" target="_blank">
+            <Link
+              to={shippingZonesListPath}
+              target="_blank"
+              className={sprinkles({
+                textDecoration: "underline",
+                color: "accent1",
+              })}
+            >
               <FormattedMessage
                 defaultMessage="shipping zones configuration"
                 id="T3cLGs"
                 description="alert link message"
               />
-            </Box>
+            </Link>
           ),
         }}
       />