From 469226e9559c7bc86dec0884b0f3024fd0827998 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 23:21:18 +0000
Subject: [PATCH] Visual edit in Lovable

Edited UI in Lovable
---
 src/pages/PaymentMethods.tsx | 35 ++++++++++-------------------------
 1 file changed, 10 insertions(+), 25 deletions(-)

diff --git a/src/pages/PaymentMethods.tsx b/src/pages/PaymentMethods.tsx
index 65660ad..73071e5 100644
--- a/src/pages/PaymentMethods.tsx
+++ b/src/pages/PaymentMethods.tsx
@@ -1,34 +1,26 @@
-
 import React from 'react';
 import NavBar from '@/components/NavBar';
 import { ArrowLeft, CreditCard, PlusCircle } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { useToast } from '@/hooks/use-toast';
-
 const PaymentMethods = () => {
   const navigate = useNavigate();
-  const { toast } = useToast();
-
+  const {
+    toast
+  } = useToast();
   const handleAddPayment = () => {
     toast({
       title: "알림",
-      description: "이 결제 기능은 아직 지원하지 않습니다.",
+      description: "이 결제 기능은 아직 지원하지 않습니다."
     });
   };
-
-  return (
-    <div className="min-h-screen bg-neuro-background pb-24">
+  return <div className="min-h-screen bg-neuro-background pb-24">
       <div className="max-w-md mx-auto px-6">
         {/* Header */}
         <header className="py-8">
           <div className="flex items-center mb-6">
-            <Button 
-              variant="ghost" 
-              size="icon" 
-              onClick={() => navigate('/settings')}
-              className="mr-2"
-            >
+            <Button variant="ghost" size="icon" onClick={() => navigate('/settings')} className="mr-2">
               <ArrowLeft size={20} />
             </Button>
             <h1 className="text-2xl font-bold neuro-text">결제 방법</h1>
@@ -50,17 +42,12 @@ const PaymentMethods = () => {
 
         {/* Notice */}
         <div className="mb-8 p-4 bg-amber-50 rounded-md border border-amber-200">
-          <p className="text-amber-700 text-sm text-center">
-            이 결제 기능은 아직 지원하지 않습니다.
-          </p>
+          <p className="text-amber-700 text-sm text-center">결제 기능은 아직 지원하지 않습니다.</p>
         </div>
 
         {/* Add Payment Method Button */}
         <div className="mt-8">
-          <Button 
-            className="w-full bg-gray-400 hover:bg-gray-400/90 text-white cursor-not-allowed"
-            onClick={handleAddPayment}
-          >
+          <Button className="w-full bg-gray-400 hover:bg-gray-400/90 text-white cursor-not-allowed" onClick={handleAddPayment}>
             <PlusCircle size={16} className="mr-2" />
             새 결제 수단 추가
           </Button>
@@ -68,8 +55,6 @@ const PaymentMethods = () => {
       </div>
 
       <NavBar />
-    </div>
-  );
+    </div>;
 };
-
-export default PaymentMethods;
+export default PaymentMethods;
\ No newline at end of file