working on gift flow

src/pages/restaurant/RestaurantServices.tsx

@@ -9,9 +9,10 @@ import SendGiftIcon from "components/Icons/SendGiftIcon";
 import ToOfficeIcon from "components/Icons/ToOfficeIcon";
 import ToRoomIcon from "components/Icons/ToRoomIcon";
 import ProTitle from "components/ProTitle";
+import { updateOrderType } from "features/order/orderSlice";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
-import { useAppSelector } from "redux/hooks";
+import { useAppDispatch, useAppSelector } from "redux/hooks";
 import styles from "./restaurant.module.css";
 
 interface RestaurantServicesProps {
@@ -37,7 +38,8 @@ export default function RestaurantServices({
   const { t } = useTranslation();
   const { isRTL } = useAppSelector((state) => state.locale);
   const id = localStorage.getItem("restaurantName");
-
+  const dispatch = useAppDispatch();
+  
   const services = [
     ...((dineIn && [
       {
@@ -161,7 +163,7 @@ export default function RestaurantServices({
             to={s?.href}
             key={s?.id}
             onClick={() => {
-              localStorage.setItem("orderType", s?.id);
+              dispatch(updateOrderType(s?.id));
             }}
             style={{
               width: "100%",