From ed6ac50c2b662e0e401782a661d5cb2b5f3802bd Mon Sep 17 00:00:00 2001 From: Hemanth kumar Date: Sat, 15 Jun 2024 21:52:10 +0530 Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=80=20[Frontend]=20Manage/Add=20Testim?= =?UTF-8?q?onial=20on=20Admin=20Panel=20Added=20(#1053)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * added * Update * fix --- frontend/public/images/testimonialImg.png | Bin 0 -> 15510 bytes frontend/src/pages/Admin/Admin.jsx | 23 ++ .../Admin/Components/Dashboard/Dashboard.jsx | 6 + .../AddTestimonial/AddTestimonial.jsx | 278 ++++++++++++++++++ .../add-testimonial.module.scss | 267 +++++++++++++++++ .../Testimonial/AddTestimonial/index.js | 1 + .../ManageTestimonial/ManageTestimonial.jsx | 95 ++++++ .../Testimonial/ManageTestimonial/index.js | 1 + .../manage-testimonial.module.scss | 112 +++++++ .../Components/Testimonial/Testimonial.jsx | 51 ++++ .../Admin/Components/Testimonial/index.js | 1 + .../Testimonial/testimonial.module.scss | 117 ++++++++ frontend/src/service/Testimonial.jsx | 66 ++++- 13 files changed, 1017 insertions(+), 1 deletion(-) create mode 100644 frontend/public/images/testimonialImg.png create mode 100644 frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/AddTestimonial.jsx create mode 100644 frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/add-testimonial.module.scss create mode 100644 frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/index.js create mode 100644 frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/ManageTestimonial.jsx create mode 100644 frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/index.js create mode 100644 frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/manage-testimonial.module.scss create mode 100644 frontend/src/pages/Admin/Components/Testimonial/Testimonial.jsx create mode 100644 frontend/src/pages/Admin/Components/Testimonial/index.js create mode 100644 frontend/src/pages/Admin/Components/Testimonial/testimonial.module.scss diff --git a/frontend/public/images/testimonialImg.png b/frontend/public/images/testimonialImg.png new file mode 100644 index 0000000000000000000000000000000000000000..d3766ab021e0e53328cfd3eb460a608d76103444 GIT binary patch literal 15510 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 cC*~%n1 { const [tab, setTab] = useState(1); @@ -177,6 +180,20 @@ export const Admin = (props) => {
FAQs and Q&As
+
  • +
    setTab(20)} + > + +
    Testimonial
    +
    +
  • { ) : tab === 19 ? ( + ) : tab === 20 ? ( + + ) : tab === 21 ? ( + + ) : tab === 22 ? ( + ) : null}
    diff --git a/frontend/src/pages/Admin/Components/Dashboard/Dashboard.jsx b/frontend/src/pages/Admin/Components/Dashboard/Dashboard.jsx index 58f74a6d..fde38f5b 100644 --- a/frontend/src/pages/Admin/Components/Dashboard/Dashboard.jsx +++ b/frontend/src/pages/Admin/Components/Dashboard/Dashboard.jsx @@ -4,6 +4,7 @@ import { useSelector } from "react-redux"; import LiveHelpIcon from "@material-ui/icons/LiveHelp"; import PermContactCalendarIcon from "@material-ui/icons/PermContactCalendar"; import { SimpleToast } from "../../../../components/util/Toast"; +import Chat from "@material-ui/icons/Chat" export const Dashboard = (props) => { const [openLoginSuccess, setOpenLoginSuccessToast] = React.useState(false); @@ -50,6 +51,11 @@ export const Dashboard = (props) => { icon: , tab: 5, }, + { + name: "Testimonial", + icon: , + tab: 20, + }, ]; return ( diff --git a/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/AddTestimonial.jsx b/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/AddTestimonial.jsx new file mode 100644 index 00000000..76fc7105 --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/AddTestimonial.jsx @@ -0,0 +1,278 @@ +import React, { useState } from "react"; +import Joi from "joi-browser"; +import styles from "./add-testimonial.module.scss"; +import { Button2 } from "../../../../../components/util/Button/index"; +import { Grid } from "@material-ui/core"; +import { SimpleToast } from "./../../../../../components/util/Toast/Toast"; +import { addTestimonial } from "../../../../../service/Testimonial"; + +export function AddTestimonial() { + const [formData, setFormData] = useState({ + name: "", + position: "", + company: "", + image: "https://i.pinimg.com/originals/f4/cd/d8/f4cdd85c50e44aa59a303fb163ff90f8.jpg", + text: "", + rating: "", + }); + const [toast, setToast] = useState({ + toastStatus: false, + toastType: "", + toastMessage: "", + }); + const [formErrors, setFormErrors] = useState({}); + const [picUrl, setPicUrl] = useState("./images/testimonialImg.png"); + const [pic, setPic] = useState(); + const schema = { + name: Joi.string().required().label("Name"), + position: Joi.string().required().label("Position"), + company: Joi.string().required().label("Company"), + image: Joi.any().required().label("Image"), + text: Joi.string().required().label("Text"), + rating: Joi.number().required().min(1).max(5).label("Rating"), + }; + + const validate = () => { + const result = Joi.validate(formData, schema, { abortEarly: false }); + if (!result.error) return {}; + const errors = {}; + for (let item of result.error.details) { + errors[item.path[0]] = item.message; + } + return errors; + }; + + const validateProperty = (input) => { + const { name, value } = input; + const obj = { [name]: value }; + const obj_schema = { [name]: schema[name] }; + const result = Joi.validate(obj, obj_schema); + return result.error ? result.error.details[0].message : null; + }; + const onPicChange = (event) => { + const { target } = event; + const { files } = target; + + if (files && files[0]) { + setPic(files[0]); + let reader = new FileReader(); + reader.onload = function (e) { + setPicUrl(e.target.result); + }; + reader.readAsDataURL(files[0]); + } + return; + }; + + const changePic = () => { + return document.getElementById("profile-pic-input")?.click(); + }; + + const handleCloseToast = (event, reason) => { + if (reason === "clickaway") { + return; + } + setToast({ ...toast, toastStatus: false }); + }; + + const handleChange = (e) => { + const { currentTarget: input } = e; + const errors = { ...formErrors }; + const errorMessage = validateProperty(input); + if (errorMessage) errors[input.name] = errorMessage; + else delete errors[input.name]; + + const data = { ...formData }; + data[input.name] = input.value; + setFormData(data); + setFormErrors(errors); + }; + + const onSubmit = async (e) => { + e.preventDefault(); + const errors = validate(); + setFormErrors(errors); + if (Object.keys(errors).length !== 0) { + console.log(errors); + } else { + // Call the server + await addTestimonial(formData, setToast, toast); + + const temp = { + name: "", + position: "", + company: "", + text: "", + rating: "", + }; + setFormData(temp); + setPicUrl("./images/testimonialImg.png"); + } + return pic; + }; + + return ( +
    +
    +
    +
    +

    + Add Testimonial +

    +
    + + + +
    + admin_img +

    + Click to Change +

    + +
    +     +     +
    + + +
    + {formErrors["name"] ? ( +
    * {formErrors["name"]}
    + ) : ( +
       
    + )} +
    +
    +
    + + +
    + {formErrors["position"] ? ( +
    * {formErrors["position"]}
    + ) : ( +
       
    + )} +
    +
    +
    + + +
    + {formErrors["company"] ? ( +
    * {formErrors["company"]}
    + ) : ( +
       
    + )} +
    +
    +
    + + +
    + {formErrors["text"] ? ( +
    * {formErrors["text"]}
    + ) : ( +
       
    + )} +
    +
    +
    + + +
    + {formErrors["rating"] ? ( +
    * {formErrors["rating"]}
    + ) : ( +
       
    + )} +
    +
    +
    +
    +
    + +
    + +
    +
    +
    + + {toast.toastStatus && ( + + )} +
    + ); +} diff --git a/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/add-testimonial.module.scss b/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/add-testimonial.module.scss new file mode 100644 index 00000000..8347030d --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/add-testimonial.module.scss @@ -0,0 +1,267 @@ +.head { + text-align: center; +} + +.content { + overflow: hidden; + padding: 10px 20px; + font-size: 18px; + line-height: 1.2; + text-align: center; +} + +.upload-section { + position: relative; + background: linear-gradient( + 45deg, + rgba(255, 0, 90, 1) 0%, + rgba(10, 24, 61, 1) 90% + ); + cursor: pointer; + padding: 1rem; + height: auto; + margin-bottom: 1em; + display: flex; + align-items: center; + justify-content: center; + min-height: 10em; + border-radius: 20px; + flex-direction: column; +} + +.img-admin { + width: 50%; + margin: 1em; +} + +.crd { + min-width: 100px; + min-height: 12em; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #016795; + box-shadow: rgba(141, 113, 113, 0.24) 0px 3px 8px; + cursor: pointer; + color: white; + border-radius: 20px; +} + +.crd:hover { + color: white; + background: #1b2431; +} + +.crd > .head1 { + display: flex; + justify-content: center; + align-items: center; + font-size: 1em; + margin: 0.5em; +} + +.crd > .head1 > h4 { + margin: 0 1em; + font-size: 24px; + font-weight: bold; +} + +@media (max-width: 600px) { + .manage-teams { + grid-template-columns: auto; + margin: 1em 0; + } + + .conts { + width: 90%; + } + + .content { + overflow: hidden; + padding: 1rem 1.2rem; + } +} + +@media screen and (min-width: 600px) and (max-width: 1050px) { + .content { + overflow: hidden; + padding: 1.5rem 3.5rem; + } +} +.add-testimonial-section { + background: #fff; + padding: 0 20px; +} + +.add-testimonial-parent { + display: flex; + padding: 30px 0; +} + +.add-testimonial-child { + flex: 1; +} + +.child1 { + flex-direction: column; + justify-content: space-around; + align-items: center; +} + +.add-testimonial-card { + width: 75%; + height: auto; + background-color: #e7e7e7; + margin-top: 8%; + margin-left: auto; + margin-right: auto; + padding-bottom: 20px; + border-radius: 10px; + box-shadow: 5px 5px 15px #888888, -5px -5px 15px #ffffff; +} + +.add-testimonial-header-text { + padding: 15px 0; + margin-bottom: 0px; + text-transform: capitalize; + color: var(--secondary-color); + text-align: center !important; +} +.add-testimonial-label-text { + padding: 0px 0px 15px 0px; + margin-bottom: 0px; + color: var(--secondary-color); + font-weight: 700; + font-size: medium; + color: gray; +} + +.inside-add-testimonial { + width: 85%; + margin: 0 auto; +} + +.add-testimonial-input { + position: relative; + margin-bottom: 20px; +} + +.add-testimonial-input input, +.add-testimonial-input textarea { + width: 100%; + height: 50px; + border: 1px solid #bbbaba; + border-radius: 10px; + padding: 0 25px; + margin-left: auto; + margin-right: auto; + color: #777777; + background-color: #f1f1f1; + box-shadow: inset 2px 2px 5px #888888, inset -2px -2px 5px #ffffff; +} + +.add-testimonial-input input::placeholder, +.add-testimonial-input textarea::placeholder { + opacity: 1; + color: #777777; +} + +.add-testimonial-input input::-moz-placeholder, +.add-testimonial-input textarea::-moz-placeholder { + opacity: 1; + color: #777777; +} + +.add-testimonial-input input::-webkit-input-placeholder, +.contact-input textarea::-webkit-input-placeholder { + opacity: 1; + color: #777777; +} + +.add-testimonial-input input:focus, +.add-testimonial-input textarea:focus { + border-color: #1863ff; + outline: none; + border: double 2px transparent; + border-radius: 10px; + background-image: linear-gradient(white, white), + linear-gradient(to right, rgba(255, 0, 90, 1), rgba(10, 24, 61, 1)); + background-origin: border-box; + background-clip: padding-box, border-box; + background-color: #ffffff; +} + +.add-testimonial-input textarea { + padding-top: 15px; + height: 180px; + resize: none; +} + +.add-testimonial-input i { + position: absolute; + right: 25px; + top: 15px; + font-size: 16px; + color: #777777; +} + +.dropdown { + --rmsc-main: #4285f4 !important; + --rmsc-selected: #474343 !important; + --rmsc-border: #838383 !important; + --rmsc-bg: #e7e7e7 !important; + --rmsc-p: 10px !important; /* Spacing */ + --rmsc-radius: 4px !important; /* Radius */ + --rmsc-h: 38px !important; /* Height */ +} + +.submit-btn { + justify-content: center; + width: 40%; + margin: 0 auto; +} + +.submit-btn-text { + display: flex; + justify-content: center; + align-items: center; +} + +@media screen and (max-width: 750px) { + .add-testimonial-parent { + display: block; + width: 100%; + } + + .add-testimonial-card { + width: 95%; + margin: 10% auto; + } + + .add-testimonial-input input, + .faqBtn { + height: 40px; + } + + .add-testimonial-btn { + font-size: 20px; + } + + .submit-btn { + width: 60% !important; + margin: 0 auto; + } + + .submit-btn-text { + justify-content: center; + align-items: center; + font-size: x-small; + color: black; + } +} + +.validation { + color: red; + margin-top: 0; +} diff --git a/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/index.js b/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/index.js new file mode 100644 index 00000000..d8f3ad6a --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/AddTestimonial/index.js @@ -0,0 +1 @@ +export * from "./AddTestimonial"; diff --git a/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/ManageTestimonial.jsx b/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/ManageTestimonial.jsx new file mode 100644 index 00000000..d2f9d28a --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/ManageTestimonial.jsx @@ -0,0 +1,95 @@ +import React, { useEffect, useState } from "react"; +import style from "./manage-testimonial.module.scss"; +import { SimpleToast } from "../../../../../components/util/Toast/Toast"; +import Loader from "../../../../../components/util/Loader"; +import { + deleteTestimonial, + getTestimonials, +} from "../../../../../service/Testimonial"; + +export function ManageTestimonial() { + const [testimonials, setTestimonials] = useState([]); + const [images, setImages] = useState([]); + const [toast, setToast] = useState({ + toastStatus: false, + toastType: "", + toastMessage: "", + }); + const [isLoaded, setIsLoaded] = useState(false); + + const getdata = async () => { + setIsLoaded(true); + await getTestimonials(setTestimonials, setToast); + setIsLoaded(false); + }; + + const handleDelete = async (id) => { + setIsLoaded(true); + await deleteTestimonial(id, setToast, toast); + await getdata(); + setIsLoaded(false); + }; + const handleCloseToast = (event, reason) => { + if (reason === "clickaway") { + return; + } + setToast({ ...toast, toastStatus: false }); + }; + + useEffect(() => { + getdata(); + }, []); + + return ( +
    +

    Manage Testimonials

    + {isLoaded ? ( +
    + +
    + ) : ( +
    + {testimonials?.map((testimonial, index) => ( +
    +
    + +
    +

    {testimonial.name}

    +
    +

    Position

    {testimonial.position} +
    +
    +

    Company

    {testimonial.company} +
    +
    +

    Testimonial

    {testimonial.text} +
    +
    +

    Rating

    {testimonial.rating} +
    + +
    + ))} +
    + )} + {toast.toastStatus && ( + + )} +
    + ); +} diff --git a/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/index.js b/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/index.js new file mode 100644 index 00000000..6560ad95 --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/index.js @@ -0,0 +1 @@ +export * from "./ManageTestimonial"; diff --git a/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/manage-testimonial.module.scss b/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/manage-testimonial.module.scss new file mode 100644 index 00000000..ca13eb20 --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/ManageTestimonial/manage-testimonial.module.scss @@ -0,0 +1,112 @@ +.head { + text-align: center; +} + +.manage-testimonials { + display: grid; + grid-template-columns: auto auto; + gap: 20px; + margin: 2em; + height: auto; +} + +.content { + overflow: hidden; + padding: 10px 20px; + font-size: 18px; + line-height: 1.2; + text-align: center; +} + +.content h3{ + font-weight: "bolder"; +} + +.crd { + min-width: 100px; + max-width: 440px; + min-height: 12em; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #016795; + box-shadow: rgba(141, 113, 113, 0.24) 0px 3px 8px; + cursor: pointer; + color: white; + border-radius: 20px; +} + +.crd img { + margin: auto; + border-radius: 50%; + width: 200px; + height: 200px; + margin-top: 25px; +} +.crd:hover { + color: white; + background: #1b2431; +} + +.crd > .head1 { + display: flex; + justify-content: center; + align-items: center; + font-size: 1em; + margin: 0.5em; +} + +.crd > .head1 > h4 { + margin: 0 1em; + font-size: 24px; + font-weight: bold; +} + +@media (max-width: 983px) { + .manage-testimonials { + grid-template-columns: auto; + margin: 1em 0; + justify-content: center; + } + + .conts { + width: 90%; + } + .crd{ + max-width: 400px; + } + .content { + overflow-wrap: break-word; + padding: 1rem 1.2rem; + } +} + +@media screen and (min-width: 600px) and (max-width: 1050px) { + .content { + overflow: hidden; + padding: 1.5rem 3.5rem; + } +} + +.url{ + text-decoration: underline; + color: white; +} + +.url:hover{ + text-decoration: none; + color: white; + font-weight: 500; +} +.delete{ + width: 90px; + background-color: red; + color: white; + font-weight: bold; + margin-bottom: 20px; + margin-top: 15px; + padding: 10px; + border: none; + border-radius: 5px; +} \ No newline at end of file diff --git a/frontend/src/pages/Admin/Components/Testimonial/Testimonial.jsx b/frontend/src/pages/Admin/Components/Testimonial/Testimonial.jsx new file mode 100644 index 00000000..94f51d11 --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/Testimonial.jsx @@ -0,0 +1,51 @@ +import React from "react"; +import style from "./testimonial.module.scss"; +import { AiFillEdit } from "react-icons/ai"; +import { AiOutlinePlus } from "react-icons/ai"; + +export function Testimonial(props) { + return ( +
    +

    Testimonial

    +
    +
    +
    +
    +
    props.setTab(21)} style={{ color: "white" }}> + CREATE TESTIMONIAL +
    + +
    +
    +

    To Create a new Testimonial

    +

    +

    props.setTab(21)} style={{ color: "red" }}> + CLICK HERE +
    +

    +
    +
    +
    +
    +
    +
    + MANAGE TESTIMONIAL + +
    +
    +
    props.setTab(22)} + className={style["main-btn"]} + > + Manage here +
    +
    +
    +
    +
    +
    + ); +} diff --git a/frontend/src/pages/Admin/Components/Testimonial/index.js b/frontend/src/pages/Admin/Components/Testimonial/index.js new file mode 100644 index 00000000..1a9c3046 --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/index.js @@ -0,0 +1 @@ +export * from "./Testimonial"; diff --git a/frontend/src/pages/Admin/Components/Testimonial/testimonial.module.scss b/frontend/src/pages/Admin/Components/Testimonial/testimonial.module.scss new file mode 100644 index 00000000..07201e64 --- /dev/null +++ b/frontend/src/pages/Admin/Components/Testimonial/testimonial.module.scss @@ -0,0 +1,117 @@ +.broadcast { + display: flex; + flex-direction: column; + padding: 5px; + height: 100%; +} + +.cards { + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; +} + +.card-item { + background-color: #016795; + font-size: 1.5rem; + border-radius: 1em; + box-shadow: 1em 1em 1em #363535; + width: 35%; + margin: 1em; + transition: background 0.3s ease-out; +} + +.clickable-card { + display: flex; + flex-direction: column; + justify-content: center; + padding: 1.5em; + color: var(--bs-light); + height: 380px; +} + +.card-title { + font-size: 1.8rem; + margin-bottom: 1.5rem; + line-height: 1.9rem; + font-weight: bold; +} + +.card-title:hover { + cursor: pointer; +} + +.card-content { + font-weight: normal; + text-align: center; + font-size: 1.2rem; + width: 100%; +} + +.card-item:hover { + background-color: #1b2431; +} + +.editt { + margin-left: 8px; + color: red; + margin-bottom: 20px; +} + +.add { + margin-left: 5px; + margin-bottom: 6px; +} + +.main-btn { + font-family: "Futura LT Book"; + display: inline-block; + font-weight: 500; + display: flex; + justify-content: center; + align-items: center; + white-space: nowrap; + vertical-align: middle; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + padding: 0 40px; + font-size: 16px; + line-height: 48px; + border-radius: 50px; + color: black; + cursor: pointer; + z-index: 5; + -webkit-transition: all 0.4s ease-out 0s; + -moz-transition: all 0.4s ease-out 0s; + -ms-transition: all 0.4s ease-out 0s; + -o-transition: all 0.4s ease-out 0s; + transition: all 0.4s ease-out 0s; + background-color: #fff; + border: 0; +} + +.main-btn:hover { + background-color: #fff; + color: #1863ff; + -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25); + box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.25); +} + +@media screen and (max-width: 768px) { + .cards { + flex-direction: column; + } + + .card-item { + width: 90%; + margin: 1em auto; + } + + .main-btn { + text-align: center; + } +} diff --git a/frontend/src/service/Testimonial.jsx b/frontend/src/service/Testimonial.jsx index 261e9246..cc9db870 100644 --- a/frontend/src/service/Testimonial.jsx +++ b/frontend/src/service/Testimonial.jsx @@ -1,7 +1,8 @@ +import { DELETE_FAIL, DELETE_SUCCESS, POST_FAIL, POST_SUCCESS } from "../common/constants"; import { END_POINT } from "../config/api"; import { showToast } from "./toastService"; -export async function getTestimonials(setTestimonials, setToast) { +async function getTestimonials(setTestimonials, setToast) { try { const response = await fetch(`${END_POINT}/testimonials/getTestimonials`, { method: "GET", @@ -23,3 +24,66 @@ export async function getTestimonials(setTestimonials, setToast) { } }; +const deleteTestimonial = async (id, setToast,toast) => { + try { + const response = await fetch(`${END_POINT}/testimonials/${id}`, { + method: "DELETE", + headers: { + "Content-Type": "application/json", + Authorization: `Bearer ${localStorage.getItem("token")}`, + }, + }); + if (!response.ok) { + throw new Error("Failed to delete testimonial"); + } + setToast({ + ...toast, + toastMessage: DELETE_SUCCESS, + toastStatus: true, + toastType: "success", + }); + } catch (err) { + console.error("Network Error:", err); + setToast({ + ...toast, + toastMessage: DELETE_FAIL, + toastStatus: true, + toastType: "error", + }); + } +} + +const addTestimonial = async (testimonial, setToast,toast) => { + try { + const response = await fetch(`${END_POINT}/testimonials/`, { + method: "POST", + headers: { + "Content-Type": "application/json", + Authorization: `Bearer ${localStorage.getItem("token")}`, + }, + body: JSON.stringify(testimonial), + }); + const res = await response.json(); + if (!response.ok) { + console.log(res); + throw new Error("Failed to add testimonial"); + } + setToast({ + ...toast, + toastMessage: POST_SUCCESS, + toastStatus: true, + toastType: "success", + }); + } catch (err) { + console.error("Network Error:", err); + setToast({ + ...toast, + toastMessage: POST_FAIL, + toastStatus: true, + toastType: "error", + }); + } +} + + +export { getTestimonials, addTestimonial, deleteTestimonial} \ No newline at end of file