diff --git a/src/components/SwapWidget/SwapDetails.tsx b/src/components/SwapWidget/SwapDetails.tsx index ab1e88e4..4f157680 100644 --- a/src/components/SwapWidget/SwapDetails.tsx +++ b/src/components/SwapWidget/SwapDetails.tsx @@ -1,9 +1,9 @@ import { ChevronDownIcon, PencilSquareIcon } from "@heroicons/react/16/solid"; import * as Collapsible from "@radix-ui/react-collapsible"; import { BridgeType, RouteResponse } from "@skip-router/core"; -import { useMemo } from "react"; +import { useMemo, useState } from "react"; -import { disclosure, useDisclosureKey } from "@/context/disclosures"; +import { disclosure } from "@/context/disclosures"; import { useSettingsStore } from "@/context/settings"; import { formatPercent, formatUSD } from "@/utils/intl"; import { cn } from "@/utils/ui"; @@ -36,7 +36,7 @@ export const SwapDetails = ({ sourceChain, sourceFeeAsset, }: Props) => { - const [open, control] = useDisclosureKey("swapDetailsCollapsible"); + const [detailsOpen, setDetailsOpen] = useState(false); const { slippage } = useSettingsStore(); @@ -108,8 +108,8 @@ export const SwapDetails = ({ "hover:border-neutral-300 hover:shadow-sm", "focus-within:border-neutral-300 focus-within:shadow-sm", )} - open={open || priceImpactThresholdReached} - onOpenChange={control.set} + open={detailsOpen || priceImpactThresholdReached} + onOpenChange={(open) => setDetailsOpen(open)} >
Slippage: {slippage}% - +
diff --git a/src/context/disclosures.ts b/src/context/disclosures.ts index 4fafec55..0ecef7be 100644 --- a/src/context/disclosures.ts +++ b/src/context/disclosures.ts @@ -6,7 +6,6 @@ const defaultValues = { historyDialog: false, priceImpactDialog: false, settingsDialog: false, - swapDetailsCollapsible: false, // TODO: port dialogs to new system // assetSelect: false,