Visual edit in Lovable

Edited UI in Lovable

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 
+            <Button variant="ghost" size="icon" onClick={() => navigate('/settings')} className="mr-2">
-              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 className="text-amber-700 text-sm text-center">결제 기능은 아직 지원하지 않습니다.</p>
-            이 결제 기능은 아직 지원하지 않습니다.
-          </p>
         </div>
 
         {/* Add Payment Method Button */}
         <div className="mt-8">
-          <Button 
+          <Button className="w-full bg-gray-400 hover:bg-gray-400/90 text-white cursor-not-allowed" onClick={handleAddPayment}>
-            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;