style: 完成所有文件的lint

src/components/Passes/Passes.tsx

@@ -1,130 +1,120 @@
-import * as React from 'react'
-import { useCallback, useEffect, useState } from 'react'
-import type { CommandResultDisplay } from '../../commands.js'
-import { TEARDROP_ASTERISK } from '../../constants/figures.js'
-import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js'
-import { setClipboard } from '@anthropic/ink'
+import * as React from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import type { CommandResultDisplay } from '../../commands.js';
+import { TEARDROP_ASTERISK } from '../../constants/figures.js';
+import { useExitOnCtrlCDWithKeybindings } from '../../hooks/useExitOnCtrlCDWithKeybindings.js';
+import { setClipboard } from '@anthropic/ink';
 // eslint-disable-next-line custom-rules/prefer-use-keybindings -- enter to copy link
-import { Box, Link, Text, useInput } from '@anthropic/ink'
-import { useKeybinding } from '../../keybindings/useKeybinding.js'
-import { logEvent } from '../../services/analytics/index.js'
+import { Box, Link, Text, useInput } from '@anthropic/ink';
+import { useKeybinding } from '../../keybindings/useKeybinding.js';
+import { logEvent } from '../../services/analytics/index.js';
 import {
   fetchReferralRedemptions,
   formatCreditAmount,
   getCachedOrFetchPassesEligibility,
-} from '../../services/api/referral.js'
-import type {
-  ReferralRedemptionsResponse,
-  ReferrerRewardInfo,
-} from '../../services/oauth/types.js'
-import { count } from '../../utils/array.js'
-import { logError } from '../../utils/log.js'
-import { Pane } from '@anthropic/ink'
+} from '../../services/api/referral.js';
+import type { ReferralRedemptionsResponse, ReferrerRewardInfo } from '../../services/oauth/types.js';
+import { count } from '../../utils/array.js';
+import { logError } from '../../utils/log.js';
+import { Pane } from '@anthropic/ink';
 
 type PassStatus = {
-  passNumber: number
-  isAvailable: boolean
-}
+  passNumber: number;
+  isAvailable: boolean;
+};
 
 type Props = {
-  onDone: (
-    result?: string,
-    options?: { display?: CommandResultDisplay },
-  ) => void
-}
+  onDone: (result?: string, options?: { display?: CommandResultDisplay }) => void;
+};
 
 export function Passes({ onDone }: Props): React.ReactNode {
-  const [loading, setLoading] = useState(true)
-  const [passStatuses, setPassStatuses] = useState<PassStatus[]>([])
-  const [isAvailable, setIsAvailable] = useState(false)
-  const [referralLink, setReferralLink] = useState<string | null>(null)
-  const [referrerReward, setReferrerReward] = useState<
-    ReferrerRewardInfo | null | undefined
-  >(undefined)
+  const [loading, setLoading] = useState(true);
+  const [passStatuses, setPassStatuses] = useState<PassStatus[]>([]);
+  const [isAvailable, setIsAvailable] = useState(false);
+  const [referralLink, setReferralLink] = useState<string | null>(null);
+  const [referrerReward, setReferrerReward] = useState<ReferrerRewardInfo | null | undefined>(undefined);
 
   const exitState = useExitOnCtrlCDWithKeybindings(() =>
     onDone('Guest passes dialog dismissed', { display: 'system' }),
-  )
+  );
 
   const handleCancel = useCallback(() => {
-    onDone('Guest passes dialog dismissed', { display: 'system' })
-  }, [onDone])
+    onDone('Guest passes dialog dismissed', { display: 'system' });
+  }, [onDone]);
 
-  useKeybinding('confirm:no', handleCancel, { context: 'Confirmation' })
+  useKeybinding('confirm:no', handleCancel, { context: 'Confirmation' });
 
   useInput((_input, key) => {
     if (key.return && referralLink) {
       void setClipboard(referralLink).then(raw => {
-        if (raw) process.stdout.write(raw)
-        logEvent('tengu_guest_passes_link_copied', {})
-        onDone(`Referral link copied to clipboard!`)
-      })
+        if (raw) process.stdout.write(raw);
+        logEvent('tengu_guest_passes_link_copied', {});
+        onDone(`Referral link copied to clipboard!`);
+      });
     }
-  })
+  });
 
   useEffect(() => {
     async function loadPassesData() {
       try {
         // Check eligibility first (uses cache if available)
-        const eligibilityData = await getCachedOrFetchPassesEligibility()
+        const eligibilityData = await getCachedOrFetchPassesEligibility();
 
         if (!eligibilityData || !eligibilityData.eligible) {
-          setIsAvailable(false)
-          setLoading(false)
-          return
+          setIsAvailable(false);
+          setLoading(false);
+          return;
         }
 
-        setIsAvailable(true)
+        setIsAvailable(true);
 
         // Store the referral link if available
         if (eligibilityData.referral_code_details?.referral_link) {
-          setReferralLink(eligibilityData.referral_code_details.referral_link)
+          setReferralLink(eligibilityData.referral_code_details.referral_link);
         }
 
         // Store referrer reward info for v1 campaign messaging
-        setReferrerReward(eligibilityData.referrer_reward)
+        setReferrerReward(eligibilityData.referrer_reward);
 
         // Use the campaign returned from eligibility for redemptions
-        const campaign =
-          eligibilityData.referral_code_details?.campaign ??
-          'claude_code_guest_pass'
+        const campaign = eligibilityData.referral_code_details?.campaign ?? 'claude_code_guest_pass';
 
         // Fetch redemptions data
-        let redemptionsData: ReferralRedemptionsResponse
+        let redemptionsData: ReferralRedemptionsResponse;
         try {
-          redemptionsData = await fetchReferralRedemptions(campaign)
+          redemptionsData = await fetchReferralRedemptions(campaign);
         } catch (err) {
-          logError(err as Error)
-          setIsAvailable(false)
-          setLoading(false)
-          return
+          logError(err as Error);
+          setIsAvailable(false);
+          setLoading(false);
+          return;
         }
 
         // Build pass statuses array
-        const redemptions = redemptionsData.redemptions || []
-        const maxRedemptions = redemptionsData.limit || 3
-        const statuses: PassStatus[] = []
+        const redemptions = redemptionsData.redemptions || [];
+        const maxRedemptions = redemptionsData.limit || 3;
+        const statuses: PassStatus[] = [];
 
         for (let i = 0; i < maxRedemptions; i++) {
-          const redemption = redemptions[i]
+          const redemption = redemptions[i];
           statuses.push({
             passNumber: i + 1,
             isAvailable: !redemption,
-          })
+          });
         }
 
-        setPassStatuses(statuses)
-        setLoading(false)
+        setPassStatuses(statuses);
+        setLoading(false);
       } catch (err) {
         // For any error, just show passes as not available
-        logError(err as Error)
-        setIsAvailable(false)
-        setLoading(false)
+        logError(err as Error);
+        setIsAvailable(false);
+        setLoading(false);
       }
     }
 
-    void loadPassesData()
-  }, [])
+    void loadPassesData();
+  }, []);
 
   if (loading) {
     return (
@@ -132,15 +122,11 @@ export function Passes({ onDone }: Props): React.ReactNode {
         <Box flexDirection="column" gap={1}>
           <Text dimColor>Loading guest pass information…</Text>
           <Text dimColor italic>
-            {exitState.pending ? (
-              <>Press {exitState.keyName} again to exit</>
-            ) : (
-              <>Esc to cancel</>
-            )}
+            {exitState.pending ? <>Press {exitState.keyName} again to exit</> : <>Esc to cancel</>}
           </Text>
         </Box>
       </Pane>
-    )
+    );
   }
 
   if (!isAvailable) {
@@ -149,27 +135,21 @@ export function Passes({ onDone }: Props): React.ReactNode {
         <Box flexDirection="column" gap={1}>
           <Text>Guest passes are not currently available.</Text>
           <Text dimColor italic>
-            {exitState.pending ? (
-              <>Press {exitState.keyName} again to exit</>
-            ) : (
-              <>Esc to cancel</>
-            )}
+            {exitState.pending ? <>Press {exitState.keyName} again to exit</> : <>Esc to cancel</>}
           </Text>
         </Box>
       </Pane>
-    )
+    );
   }
 
-  const availableCount = count(passStatuses, p => p.isAvailable)
+  const availableCount = count(passStatuses, p => p.isAvailable);
 
   // Sort passes: available first, then redeemed
-  const sortedPasses = [...passStatuses].sort(
-    (a, b) => +b.isAvailable - +a.isAvailable,
-  )
+  const sortedPasses = [...passStatuses].sort((a, b) => +b.isAvailable - +a.isAvailable);
 
   // ASCII art for tickets
   const renderTicket = (pass: PassStatus) => {
-    const isRedeemed = !pass.isAvailable
+    const isRedeemed = !pass.isAvailable;
 
     if (isRedeemed) {
       // Grayed out redeemed ticket with slashes
@@ -179,7 +159,7 @@ export function Passes({ onDone }: Props): React.ReactNode {
           <Text dimColor>{` ) CC ${TEARDROP_ASTERISK} ┊╱`}</Text>
           <Text dimColor>{'└───────╱'}</Text>
         </Box>
-      )
+      );
     }
 
     return (
@@ -192,8 +172,8 @@ export function Passes({ onDone }: Props): React.ReactNode {
         </Text>
         <Text>{'└──────────┘'}</Text>
       </Box>
-    )
-  }
+    );
+  };
 
   return (
     <Pane>
@@ -229,14 +209,10 @@ export function Passes({ onDone }: Props): React.ReactNode {
 
         <Box>
           <Text dimColor italic>
-            {exitState.pending ? (
-              <>Press {exitState.keyName} again to exit</>
-            ) : (
-              <>Enter to copy link · Esc to cancel</>
-            )}
+            {exitState.pending ? <>Press {exitState.keyName} again to exit</> : <>Enter to copy link · Esc to cancel</>}
           </Text>
         </Box>
       </Box>
     </Pane>
-  )
+  );
 }