(null);
const { token } = useSelector((state: RootState) => state.token);
const navigate = useNavigate();
- const isDnsCategory =
- categories?.find((category) => Number(category.id) === activeId)?.label?.toLowerCase() ===
- "dns";
const { data, error, isLoading, isFetching } = useQuery({
queryKey: ["configs", activeId],
queryFn: () => {
@@ -84,7 +70,6 @@ const ListAllProduct = ({
isOpen={selectedConfigId !== null}
setIsOpen={(open) => { if (!open) setSelectedConfigId(null); }}
configId={selectedConfigId}
- isDns={isDnsCategory}
/>
)}
{
+const ModalBuy = ({ isOpen, setIsOpen, configId }: ModalBuyProps) => {
const axios = useAxios();
const dispatch = useDispatch();
const navigate = useNavigate();
@@ -54,6 +54,10 @@ const ModalBuy = ({ isOpen, setIsOpen, configId, isDns }: ModalBuyProps) => {
);
const advancedVerificationMessage =
buildAdvancedVerificationMessage(advancedVerificationLimit);
+ const hasExtraDescription = Boolean(
+ data?.data?.result?.has_extra_description
+ );
+ const extraDescription = data?.data?.result?.extra_description ?? "";
const advancedVerificationFromApi =
data?.data?.result?.requires_advanced_verification;
const hasAdvancedVerificationApiFlag =
@@ -239,7 +243,11 @@ const ModalBuy = ({ isOpen, setIsOpen, configId, isDns }: ModalBuyProps) => {
return (
<>
-
+
{
) : (
- {isDns && (
+ {hasExtraDescription && (