From fcdd5114632ad48d5f5c7bef4c7cb9f7057d61c1 Mon Sep 17 00:00:00 2001
From: Jakub Cywka <jakub.ryszard.cywka@gmail.com>
Date: Sun, 22 Oct 2023 11:02:45 +0200
Subject: [PATCH] Final release v1.0

---
 src/Nyanlabs.SFood.UI/sfood/src/pages/Report.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Nyanlabs.SFood.UI/sfood/src/pages/Report.tsx b/src/Nyanlabs.SFood.UI/sfood/src/pages/Report.tsx
index 07fb0b3..98c40a3 100644
--- a/src/Nyanlabs.SFood.UI/sfood/src/pages/Report.tsx
+++ b/src/Nyanlabs.SFood.UI/sfood/src/pages/Report.tsx
@@ -1,4 +1,4 @@
-import { IonAccordion, IonAccordionGroup, IonBackButton, IonButton, IonButtons, IonContent, IonDatetime, IonDatetimeButton, IonHeader, IonInput, IonItem, IonLabel, IonList, IonNote, IonPage, IonProgressBar, IonTitle, IonToolbar } from '@ionic/react';
+import { IonAccordion, IonAccordionGroup, IonBackButton, IonButton, IonButtons, IonContent, IonDatetime, IonDatetimeButton, IonHeader, IonInput, IonItem, IonLabel, IonList, IonNote, IonPage, IonProgressBar, IonTitle, IonToast, IonToolbar } from '@ionic/react';
 import { FormEventHandler, useState } from 'react';
 
 import styles from "./Report.module.css";
@@ -122,10 +122,11 @@ const handleInputChange = (fieldName: any, value: any) => {
           </IonItem>
 
           <div style={{width: "100%", display: "flex", justifyContent: "center"}} className="ion-padding-horizontal">
-            <IonButton style={{"--width": "100%", "width": "100%", "margin-top": "320px"}} size="large" onClick={(e) => handleSubmit(e as any)} type="submit">
+            <IonButton id="toast-trigger" style={{"--width": "100%", "width": "100%", "margin-top": "320px"}} size="large" onClick={(e) => handleSubmit(e as any)} type="submit">
               Wyślij
             </IonButton>
           </div>
+          <IonToast color="success" position='top' trigger="toast-trigger" duration={2500} message="Dziękujemy za zgłoszenie!"></IonToast>
         </IonList>
       </IonContent>
     </IonPage>