From 54bb16a90a8bd9ab867a47f6440a32461f51b04e Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Fri, 27 Sep 2019 16:01:34 +0200
Subject: [PATCH] Redirect to details page after submit

---
 .../views/ServiceCreate/ServiceCreate.tsx       | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/services/views/ServiceCreate/ServiceCreate.tsx b/src/services/views/ServiceCreate/ServiceCreate.tsx
index cbd11300f..7c81a33a4 100644
--- a/src/services/views/ServiceCreate/ServiceCreate.tsx
+++ b/src/services/views/ServiceCreate/ServiceCreate.tsx
@@ -8,10 +8,11 @@ import useShop from "@saleor/hooks/useShop";
 import { commonMessages } from "@saleor/intl";
 import { getMutationState, maybe } from "@saleor/misc";
 import { ServiceCreateMutation } from "@saleor/services/mutations";
+import { ServiceCreate as ServiceCreateData } from "@saleor/services/types/ServiceCreate";
 import ServiceCreatePage, {
   ServiceCreatePageFormData
 } from "../../components/ServiceCreatePage";
-import { serviceListUrl, serviceUrl, ServiceUrlQueryParams } from "../../urls";
+import { serviceListUrl, serviceUrl } from "../../urls";
 
 export const ServiceCreate: React.StatelessComponent = () => {
   const navigate = useNavigator();
@@ -19,7 +20,14 @@ export const ServiceCreate: React.StatelessComponent = () => {
   const intl = useIntl();
   const shop = useShop();
 
-  const onSubmit = () => undefined;
+  const onSubmit = (data: ServiceCreateData) => {
+    if (data.serviceAccountCreate.errors.length === 0) {
+      notify({
+        text: intl.formatMessage(commonMessages.savedChanges)
+      });
+      navigate(serviceUrl(data.serviceAccountCreate.serviceAccount.id));
+    }
+  };
 
   const handleBack = () => navigate(serviceListUrl());
 
@@ -55,7 +63,10 @@ export const ServiceCreate: React.StatelessComponent = () => {
             />
             <ServiceCreatePage
               disabled={false}
-              errors={[]}
+              errors={maybe(
+                () => serviceCreateOpts.data.serviceAccountCreate.errors,
+                []
+              )}
               onBack={handleBack}
               onSubmit={handleSubmit}
               permissions={maybe(() => shop.permissions)}