fix: feedback

apps/next/public/static/locales/en/common.json

@@ -51,7 +51,9 @@
   "feedback": {
     "title": "Feedback",
     "placeholder": "Write your problem.",
-    "submit": "Submit"
+    "submit": "Submit",
+    "success": "Your feedback has been successfully sent.",
+    "error": "An error occurred while sending your feedback."
   },
   "navbar": {
     "home": "Home",

apps/next/public/static/locales/tr/common.json

@@ -36,7 +36,9 @@
   "feedback": {
     "title": "Geri Bildirim",
     "placeholder": "Lütfen geri bildiriminizi giriniz.",
-    "submit": "Gönder"
+    "submit": "Gönder",
+    "success": "Geri bildiriminiz başarıyla gönderildi. Teşekkür ederiz.",
+    "error": "Geri bildiriminiz gönderilirken bir hata oluştu. Lütfen daha sonra tekrar deneyiniz."
   },
   "notifications": {
     "success": "Başarılı",

apps/next/src/components/Layout/MainLayout/Header/Feedback/index.tsx

@@ -12,6 +12,7 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  toast,
 } from "@wordigo/ui";
 import { cn } from "@wordigo/ui/lib/utils";
 import { useTranslation } from "next-i18next";
@@ -23,17 +24,31 @@ const Feedback = () => {
   const [active, setActive] = useState();
   const feedbacks = useFeedbacksConstants();
   const [inputValue, setInputValue] = useState<string>("");
+  const [calendarOpen, setCalendarOpen] = useState(false);
   const [FeedBack, { status, isLoading, data }] = usePostFeedBackMutation();
 
   const handleSubmitFeedback = () => {
     void FeedBack({
       description: inputValue,
       rate: active,
-    });
+    })
+      .then(() => {
+        toast({
+          title: t("notifications.success"),
+          description: t("feedback.success"),
+        });
+        setCalendarOpen(false);
+      })
+      .catch(() => {
+        toast({
+          title: t("notifications.error"),
+          description: t("feedback.error"),
+        });
+      });
   };
 
   return (
-    <Popover>
+    <Popover open={calendarOpen} onOpenChange={setCalendarOpen}>
       <PopoverTrigger asChild>
         <Button variant="outline">{t("feedback.title")}</Button>
       </PopoverTrigger>

apps/next/src/store/index.ts

@@ -11,6 +11,8 @@ import ProfileSlice from "./profile/slice";
 import { publicDictionariesApi } from "./publicDictionaries/api";
 import publicDictionaresSlice from "./publicDictionaries/slice";
 import { configureStore } from "@reduxjs/toolkit";
+import { feedbackApi } from "./feedback/api";
+import FeedbackSlice from "./feedback/slice";
 
 const store = configureStore({
   reducer: {
@@ -20,11 +22,13 @@ const store = configureStore({
     common: CommonSlice,
     profile: ProfileSlice,
     publicDictionaries: publicDictionaresSlice,
+    feedback: FeedbackSlice,
     [authApi.reducerPath]: authApi.reducer,
     [publicDictionariesApi.reducerPath]: publicDictionariesApi.reducer,
     [dictionaryApi.reducerPath]: dictionaryApi.reducer,
     [dictionaryWordApi.reducerPath]: dictionaryWordApi.reducer,
     [profileApi.reducerPath]: profileApi.reducer,
+    [feedbackApi.reducerPath]: feedbackApi.reducer,
   },
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({ serializableCheck: false }).concat([
@@ -33,6 +37,7 @@ const store = configureStore({
       dictionaryWordApi.middleware,
       profileApi.middleware,
       publicDictionariesApi.middleware,
+      feedbackApi.middleware,
     ]),
 });