[getsentry/action-github-commit] Auto commit

Author: getsantry[bot]

src/components/githubDomainChecker.tsx

@@ -1,15 +1,15 @@
 'use client';
 
-import {useState, type KeyboardEvent} from 'react';
+import {type KeyboardEvent,useState} from 'react';
 import {Button} from '@radix-ui/themes';
 
 const MAX_COMPONENTS_ON_PAGE = 100;
 
 export function GitHubDomainChecker() {
   const [domain, setDomain] = useState('');
   const [result, setResult] = useState<{
-    type: 'github' | 'enterprise' | null;
     message: string;
+    type: 'github' | 'enterprise' | null;
   }>({type: null, message: ''});
 
   const checkDomain = () => {
@@ -19,27 +19,30 @@ export function GitHubDomainChecker() {
     }
 
     const cleanDomain = domain.trim().toLowerCase();
-    
+
     // Remove protocol if present
     const domainWithoutProtocol = cleanDomain.replace(/^https?:\/\//, '');
-    
+
     // Remove trailing slash and path
     const baseDomain = domainWithoutProtocol.split('/')[0];
 
     if (baseDomain === 'github.com' || baseDomain === 'www.github.com') {
       setResult({
         type: 'github',
-        message: 'You should use the regular GitHub integration. This is GitHub.com, the public GitHub service.',
+        message:
+          'You should use the regular GitHub integration. This is GitHub.com, the public GitHub service.',
       });
     } else if (baseDomain.includes('github')) {
       setResult({
         type: 'enterprise',
-        message: 'You should use GitHub Enterprise integration. This appears to be a GitHub Enterprise Server instance.',
+        message:
+          'You should use GitHub Enterprise integration. This appears to be a GitHub Enterprise Server instance.',
       });
     } else {
       setResult({
         type: 'enterprise',
-        message: 'You should use GitHub Enterprise integration. This appears to be a custom GitHub Enterprise Server domain.',
+        message:
+          'You should use GitHub Enterprise integration. This appears to be a custom GitHub Enterprise Server domain.',
       });
     }
   };
@@ -52,7 +55,7 @@ export function GitHubDomainChecker() {
 
   const inputClassName =
     'form-input w-full rounded-md border-[1.5px] focus:ring-2 focus:ring-accent-purple/20 border-gray-200';
-  
+
   // This is to avoid conflicts in case multiple instances of this component are used on the page
   const randomCounter = Math.round(Math.random() * MAX_COMPONENTS_ON_PAGE);
 
@@ -61,10 +64,11 @@ export function GitHubDomainChecker() {
       <div>
         <h3 className="text-lg font-medium mb-2">GitHub Domain Checker</h3>
         <p className="text-sm text-gray-600 mb-4">
-          Enter your GitHub domain below to determine whether you should use the GitHub or GitHub Enterprise integration.
+          Enter your GitHub domain below to determine whether you should use the GitHub or
+          GitHub Enterprise integration.
         </p>
       </div>
-      
+
       <div className="flex w-full gap-2">
         <div className="flex-1">
           <label htmlFor={`github-domain-${randomCounter}`} className="sr-only">
@@ -80,51 +84,56 @@ export function GitHubDomainChecker() {
             onKeyPress={handleKeyPress}
           />
         </div>
-        <Button
-          type="button"
-          size="3"
-          onClick={checkDomain}
-          className="rounded-md"
-        >
+        <Button type="button" size="3" onClick={checkDomain} className="rounded-md">
           Check Domain
         </Button>
       </div>
 
       {result.message && (
-        <div className={`p-4 rounded-md ${
-          result.type === 'github' 
-            ? 'bg-green-50 border border-green-200' 
-            : result.type === 'enterprise'
-            ? 'bg-blue-50 border border-blue-200'
-            : 'bg-yellow-50 border border-yellow-200'
-        }`}>
+        <div
+          className={`p-4 rounded-md ${
+            result.type === 'github'
+              ? 'bg-green-50 border border-green-200'
+              : result.type === 'enterprise'
+                ? 'bg-blue-50 border border-blue-200'
+                : 'bg-yellow-50 border border-yellow-200'
+          }`}
+        >
           <div className="flex items-start">
-            <div className={`flex-shrink-0 w-5 h-5 rounded-full mr-3 mt-0.5 ${
-              result.type === 'github'
-                ? 'bg-green-500'
-                : result.type === 'enterprise'
-                ? 'bg-blue-500'
-                : 'bg-yellow-500'
-            }`} />
-            <div>
-              <p className={`font-medium ${
+            <div
+              className={`flex-shrink-0 w-5 h-5 rounded-full mr-3 mt-0.5 ${
                 result.type === 'github'
-                  ? 'text-green-800'
+                  ? 'bg-green-500'
                   : result.type === 'enterprise'
-                  ? 'text-blue-800'
-                  : 'text-yellow-800'
-              }`}>
-                {result.type === 'github' ? 'Use GitHub Integration' : 
-                 result.type === 'enterprise' ? 'Use GitHub Enterprise Integration' : 
-                 'Domain Check'}
-              </p>
-              <p className={`text-sm mt-1 ${
-                result.type === 'github'
-                  ? 'text-green-700'
+                    ? 'bg-blue-500'
+                    : 'bg-yellow-500'
+              }`}
+            />
+            <div>
+              <p
+                className={`font-medium ${
+                  result.type === 'github'
+                    ? 'text-green-800'
+                    : result.type === 'enterprise'
+                      ? 'text-blue-800'
+                      : 'text-yellow-800'
+                }`}
+              >
+                {result.type === 'github'
+                  ? 'Use GitHub Integration'
                   : result.type === 'enterprise'
-                  ? 'text-blue-700'
-                  : 'text-yellow-700'
-              }`}>
+                    ? 'Use GitHub Enterprise Integration'
+                    : 'Domain Check'}
+              </p>
+              <p
+                className={`text-sm mt-1 ${
+                  result.type === 'github'
+                    ? 'text-green-700'
+                    : result.type === 'enterprise'
+                      ? 'text-blue-700'
+                      : 'text-yellow-700'
+                }`}
+              >
                 {result.message}
               </p>
             </div>
@@ -133,4 +142,4 @@ export function GitHubDomainChecker() {
       )}
     </div>
   );
-}
+}