Industries

src/app/(main)/(app)/integrations/page.tsx

@@ -25,11 +25,11 @@ export default function IntegrationsPage() {
   const [apiKey, setApiKey] = useState('');
   const [webhookUrl, setWebhookUrl] = useState('');
 
-  const integrations: Integration[] = [
-    {
-      id: 'zapier',
-      name: 'Zapier',
-      description: 'Connect QR Master with 5,000+ apps',
+  const integrations: Integration[] = [
+    {
+      id: 'zapier',
+      name: 'Zapier',
+      description: 'Connect QR Master with 5,000+ apps',
       icon: '⚡',
       status: 'active',
       category: 'Automation',
@@ -112,12 +112,12 @@ export default function IntegrationsPage() {
     },
   ];
 
-  const stats = {
-    totalQRCodes: 234,
-    activeIntegrations: 2,
-    syncStatus: 'Synced',
-    availableServices: 6,
-  };
+  const stats = {
+    totalQRCodes: 234,
+    activeIntegrations: 2,
+    syncStatus: 'Synced',
+    availableServices: 6,
+  };
 
   const handleActivate = (integration: Integration) => {
     setSelectedIntegration(integration);
@@ -250,11 +250,11 @@ export default function IntegrationsPage() {
                 ))}
               </div>
 
-              {integration.status === 'active' ? (
-                <Button variant="outline" className="w-full">
-                  Configure
-                </Button>
-              ) : integration.status === 'coming_soon' ? (
+              {integration.status === 'active' ? (
+                <Button variant="outline" className="w-full">
+                  Configure
+                </Button>
+              ) : integration.status === 'coming_soon' ? (
                 <Button variant="outline" className="w-full" disabled>
                   Coming Soon
                 </Button>
@@ -277,8 +277,8 @@ export default function IntegrationsPage() {
           <div className="bg-white rounded-xl shadow-lg border border-gray-200 p-6 max-w-lg mx-auto">
             <h2 className="text-lg font-semibold mb-4">Setup {selectedIntegration.name}</h2>
             <div className="space-y-4">
-              {selectedIntegration.id === 'zapier' && (
-                <>
+              {selectedIntegration.id === 'zapier' && (
+                <>
                   <div>
                     <label className="block text-sm font-medium text-gray-700 mb-2">
                       Webhook URL
@@ -326,11 +326,11 @@ export default function IntegrationsPage() {
 }`}
                     </pre>
                   </div>
-                </>
-              )}
-
-              {selectedIntegration.id === 'airtable' && (
-                <>
+                </>
+              )}
+
+              {selectedIntegration.id === 'airtable' && (
+                <>
                   <Input
                     label="API Key"
                     type="password"
@@ -389,4 +389,4 @@ export default function IntegrationsPage() {
       )}
     </div>
   );
-}
+}