Updated the showcase

src/pages/(status)/PaymentDue.tsx

@@ -7,7 +7,6 @@ import {User} from "@/interfaces/user";
 import clsx from "clsx";
 import {capitalize} from "lodash";
 import {useEffect, useState} from "react";
-import getSymbolFromCurrency from "currency-symbol-map";
 import useInvites from "@/hooks/useInvites";
 import {BsArrowRepeat} from "react-icons/bs";
 import InviteCard from "@/components/Medium/InviteCard";
@@ -124,18 +123,18 @@ export default function PaymentDue({user, hasExpired = false, clientID, reload}:
 												{!appliedDiscount && (
 													<span className="text-2xl">
 														{p.price}
-														{getSymbolFromCurrency(p.currency)}
+														{p.currency}
 													</span>
 												)}
 												{appliedDiscount && (
 													<div className="flex items-center gap-2">
 														<span className="text-2xl line-through">
 															{p.price}
-															{getSymbolFromCurrency(p.currency)}
+															{p.currency}
 														</span>
 														<span className="text-2xl text-mti-red-light">
 															{(p.price - p.price * (appliedDiscount / 100)).toFixed(2)}
-															{getSymbolFromCurrency(p.currency)}
+															{p.currency}
 														</span>
 													</div>
 												)}
@@ -178,7 +177,7 @@ export default function PaymentDue({user, hasExpired = false, clientID, reload}:
 									<div className="flex w-full flex-col items-start gap-2">
 										<span className="text-2xl">
 											{user.corporateInformation.payment.value}
-											{getSymbolFromCurrency(user.corporateInformation.payment.currency)}
+											{user.corporateInformation.payment.currency}
 										</span>
 										<PaymobPayment
 											key={clientID}