From 1f993875cf497a58d54e4952437ebfcc1bda4033 Mon Sep 17 00:00:00 2001
From: Joshua Graber <joshua.d.graber@gmail.com>
Date: Mon, 18 Nov 2024 11:29:54 -0500
Subject: [PATCH] feat: add toast to create routes

---
 client/src/App.vue                      | 3 ---
 client/src/pages/data-source/create.vue | 6 +++++-
 client/src/pages/request/create.vue     | 3 +++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/src/App.vue b/client/src/App.vue
index 5cb17c92..359232fd 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -84,9 +84,6 @@ main {
 .pdap-toast-container {
 	top: 120px;
 }
-.pdap-toast {
-	@apply max-w-lg;
-}
 
 :root {
 	--toastify-color-light: rgb(255 253 253);
diff --git a/client/src/pages/data-source/create.vue b/client/src/pages/data-source/create.vue
index c77efe44..9643cf47 100644
--- a/client/src/pages/data-source/create.vue
+++ b/client/src/pages/data-source/create.vue
@@ -137,7 +137,7 @@
 					intent="primary"
 					type="submit"
 				>
-					Submit request
+					Submit data source
 				</Button>
 				<Button
 					:disabled="requestPending"
@@ -156,6 +156,7 @@
 import { Button, FormV2, InputText, InputTextArea } from 'pdap-design-system';
 import Typeahead from '@/components/TypeaheadInput.vue';
 import AgencySelected from '@/components/TypeaheadSelected.vue';
+import { toast } from 'vue3-toastify';
 import { formatText } from './_util';
 import _debounce from 'lodash/debounce';
 import _cloneDeep from 'lodash/cloneDeep';
@@ -306,6 +307,9 @@ async function submit(values) {
 
 	try {
 		await createDataSource(requestBody);
+
+		const message = `${values[INPUT_NAMES.name]} has been submitted successfully!\nIt will be available in our data sources database after approval.`;
+		toast.success(message, { autoClose: false });
 	} catch (error) {
 		if (error) {
 			console.error(error);
diff --git a/client/src/pages/request/create.vue b/client/src/pages/request/create.vue
index 2429bdaa..dad9d219 100644
--- a/client/src/pages/request/create.vue
+++ b/client/src/pages/request/create.vue
@@ -166,6 +166,7 @@ import {
 } from 'pdap-design-system';
 import Typeahead from '@/components/TypeaheadInput.vue';
 import LocationSelected from '@/components/TypeaheadSelected.vue';
+import { toast } from 'vue3-toastify';
 import { useRequestStore } from '@/stores/request';
 import { formatText } from './_util';
 import _debounce from 'lodash/debounce';
@@ -356,6 +357,8 @@ async function submit(values) {
 
 	try {
 		await createRequest(requestBody);
+		const message = `Your request for ${values[INPUT_NAMES.title]} has been submitted successfully!`;
+		toast.success(message, { autoClose: false });
 	} catch (error) {
 		if (error) {
 			console.error(error);