add qr bottom sheet

src/pages/pay/components/PayButton.tsx

@@ -10,6 +10,7 @@ import { CustomAmountChoiceBottomSheet } from "./splitBill/CustomAmountChoiceBot
 import { EqualltyChoiceBottomSheet } from "./splitBill/EqualltyChoiceBottomSheet";
 import { PayForYourItemsChoiceBottomSheet } from "./splitBill/PayForYourItemsChoiceBottomSheet";
 import { SplitBillChoiceBottomSheet } from "./splitBill/SplitBillChoiceBottomSheet";
+import { QRBottomSheet } from "./splitBill/QRBottomSheet";
 
 type SplitWay = "customAmount" | "equality" | "payForItems" | null;
 
@@ -26,6 +27,7 @@ export default function PayButton({ form }: { form: FormInstance }) {
   const [isCustomAmountOpen, setIsCustomAmountOpen] = useState(false);
   const [isEqualityOpen, setIsEqualityOpen] = useState(false);
   const [isPayForItemsOpen, setIsPayForItemsOpen] = useState(false);
+  const [isQROpen, setIsQROpen] = useState(false);
 
   const handleSplitBillClick = useCallback(() => {
     if (selectedSplitWay === "customAmount") {
@@ -99,21 +101,36 @@ export default function PayButton({ form }: { form: FormInstance }) {
 
       <CustomAmountChoiceBottomSheet
         isOpen={isCustomAmountOpen}
-        onClose={() => setIsCustomAmountOpen(false)}
+        onClose={() => {
+          setIsCustomAmountOpen(false);
+        }}
         onRemoveSplitWay={handleRemoveSplitWay}
+        onSave={() => {
+          setIsQROpen(true);
+        }}
       />
 
       <EqualltyChoiceBottomSheet
         isOpen={isEqualityOpen}
-        onClose={() => setIsEqualityOpen(false)}
+        onClose={() => {
+          setIsEqualityOpen(false);
+        }}
         onRemoveSplitWay={handleRemoveSplitWay}
+        onSave={() => {
+          setIsQROpen(true);
+        }}
       />
 
       <PayForYourItemsChoiceBottomSheet
         isOpen={isPayForItemsOpen}
-        onClose={() => setIsPayForItemsOpen(false)}
+        onClose={() => {
+          setIsPayForItemsOpen(false);
+          setIsQROpen(true);
+        }}
         onRemoveSplitWay={handleRemoveSplitWay}
       />
+
+      <QRBottomSheet isOpen={isQROpen} onClose={() => setIsQROpen(false)} />
     </>
   );
 }