prettier

frontend/app/(main)/proxy-routes/detail/components/route-header.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import {useRouter} from 'next/navigation';
-import {useCallback, useState} from 'react';
-import {ArrowLeft, Loader2, Route, Upload} from 'lucide-react';
-import {toast} from 'sonner';
+import { useRouter } from 'next/navigation';
+import { useCallback, useState } from 'react';
+import { ArrowLeft, Loader2, Route, Upload } from 'lucide-react';
+import { toast } from 'sonner';
 
 import {
   AlertDialog,
@@ -14,12 +14,15 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
-import {Badge} from '@/components/ui/badge';
-import {Button} from '@/components/ui/button';
-import type {ConfigDiffResult, ProxyRouteItem} from '@/lib/services/openflare';
-import {ConfigVersionService} from '@/lib/services/openflare';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import type {
+  ConfigDiffResult,
+  ProxyRouteItem,
+} from '@/lib/services/openflare';
+import { ConfigVersionService } from '@/lib/services/openflare';
 
-import {getErrorMessage} from '../../components/helpers';
+import { getErrorMessage } from '../../components/helpers';
 
 function hasConfigDiff(diff: ConfigDiffResult) {
   return (
@@ -90,39 +93,41 @@ export function RouteHeader({ route }: RouteHeaderProps) {
 
   return (
     <>
-      <div className="space-y-4">
+      <div className='space-y-4'>
         <Button
-          variant="ghost"
-          size="sm"
-          className="h-8 gap-1.5 px-0 text-xs"
+          variant='ghost'
+          size='sm'
+          className='h-8 gap-1.5 px-0 text-xs'
           onClick={() => router.back()}
         >
-          <ArrowLeft className="size-3.5" />
+          <ArrowLeft className='size-3.5' />
           返回
         </Button>
 
-        <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-          <div className="flex items-center gap-2">
-            <Route className="size-5 text-primary" />
-            <div className="flex flex-wrap items-center gap-2">
-              <h1 className="text-2xl font-semibold tracking-tight">{route.site_name}</h1>
+        <div className='flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between'>
+          <div className='flex items-center gap-2'>
+            <Route className='size-5 text-primary' />
+            <div className='flex flex-wrap items-center gap-2'>
+              <h1 className='text-2xl font-semibold tracking-tight'>
+                {route.site_name}
+              </h1>
               <Badge variant={route.enabled ? 'default' : 'secondary'}>
                 {route.enabled ? '已启用' : '已停用'}
               </Badge>
             </div>
           </div>
 
-          <div className="flex flex-wrap gap-2">
+          <div className='flex flex-wrap gap-2'>
             <Button
-              size="sm"
-              className="h-8 gap-1.5 text-xs"
+              size='sm'
+              className='h-8 gap-1.5 text-xs'
               disabled={publishing || diffLoading}
               onClick={() => void handlePublishClick()}
             >
               {publishing || diffLoading ? (
-                <Loader2 className="size-3.5 animate-spin" />
+                <Loader2 className='size-3.5 animate-spin' />
               ) : (
-                <Upload className="size-3.5" />
+                <Upload className='size-3.5' />
               )}
               发布配置
             </Button>
@@ -130,7 +135,10 @@ export function RouteHeader({ route }: RouteHeaderProps) {
         </div>
       </div>
 
-      <AlertDialog open={publishConfirmOpen} onOpenChange={setPublishConfirmOpen}>
+      <AlertDialog
+        open={publishConfirmOpen}
+        onOpenChange={setPublishConfirmOpen}
+      >
         <AlertDialogContent>
           <AlertDialogHeader>
             <AlertDialogTitle>确认发布配置</AlertDialogTitle>
@@ -141,11 +149,15 @@ export function RouteHeader({ route }: RouteHeaderProps) {
           <AlertDialogFooter>
             <AlertDialogCancel disabled={publishing}>取消</AlertDialogCancel>
             <Button onClick={() => void handlePublish()} disabled={publishing}>
-              {publishing ? <Loader2 className="size-4 animate-spin" /> : '确认发布'}
+              {publishing ? (
+                <Loader2 className='size-4 animate-spin' />
+              ) : (
+                '确认发布'
+              )}
             </Button>
           </AlertDialogFooter>
         </AlertDialogContent>
       </AlertDialog>
     </>
   );
-}
+}