redeem: initial commit

src/pages/order/components/OrderDetails.tsx

@@ -3,11 +3,9 @@ import { useGetOrderDetailsQuery } from "redux/api/others";
 import { useAppSelector } from "redux/hooks";
 import styles from "./OrderDetails.module.css";
 import ProHeader from "components/ProHeader/ProHeader";
-import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import ProText from "components/ProText";
 import useBreakPoint from "hooks/useBreakPoint";
-import ArabicPrice from "components/ArabicPrice";
 import ImageWithFallback from "components/ImageWithFallback";
 import { useParams } from "react-router-dom";
 
@@ -16,6 +14,7 @@ export default function OrderDetails() {
   const { t } = useTranslation();
   const { isRTL } = useAppSelector((state) => state.locale);
   const { isMobile, isTablet } = useBreakPoint();
+
   const { data: orderDetails } = useGetOrderDetailsQuery(
     {
       orderID: orderId || "",
@@ -25,6 +24,7 @@ export default function OrderDetails() {
       skip: !orderId,
     },
   );
+
   const getMenuItemImageStyle = () => {
     if (isMobile) {
       return {
@@ -86,7 +86,6 @@ export default function OrderDetails() {
                       <br />
                       <ProText
                         type="secondary"
-                        className={`${styles.itemDescription} responsive-text`}
                         style={{
                           margin: 0,
                           lineClamp: 1,
@@ -135,7 +134,9 @@ export default function OrderDetails() {
                           border: "none",
                         }}
                       >
-                        <ProText style={{color: "#1F1C2E"}}>{item.qty} </ProText>
+                        <ProText style={{ color: "#1F1C2E" }}>
+                          {item.qty}{" "}
+                        </ProText>
                       </Button>
                     </div>
                   </Space>