#34

frontend/src/components/users/BehaviourSettingsSection.tsx

@@ -2,17 +2,16 @@ import { useEffect, useMemo, useState } from 'react'
 
 import { Button } from '@/components/ui/button'
 import { toast } from '@/components/ui/use-toast'
-import { getClientBehaviorSettings,
-	 setClientBehaviorSettings } from '@/lib/settings'
+import { getClientBehaviorSettings, setClientBehaviorSettings } from '@/lib/settings'
 import { cn } from '@/lib/utils'
 
-import type {
-    ClientAnimationMode,
-    ClientBehaviorSettings,
-    ClientEmbedAutoLoadMode,
-    ClientThumbnailMode } from '@/lib/settings'
 import type { FC, ReactNode } from 'react'
 
+import type { ClientAnimationMode,
+	      ClientBehaviorSettings,
+	      ClientEmbedAutoLoadMode,
+	      ClientThumbnailMode } from '@/lib/settings'
+
 type Props = {
     sectionClassName: string }
 
@@ -31,25 +30,22 @@ type SettingBlockProps = {
     children:    ReactNode }
 
 const animationOptions: SegmentedOption<ClientAnimationMode>[] = [
-    { value: 'normal', label: '通常' },
-    { value: 'reduced', label: '控えめ' },
     { value: 'off', label: 'なし' },
-]
+    { value: 'reduced', label: '控えめ' },
+    { value: 'normal', label: '通常' }]
 
 const embedAutoLoadOptions: SegmentedOption<ClientEmbedAutoLoadMode>[] = [
-    { value: 'auto', label: '自動' },
-    { value: 'manual', label: 'クリック時' },
     { value: 'off', label: '読み込まない' },
-]
+    { value: 'manual', label: 'クリック時' },
+    { value: 'auto', label: '自動' }]
 
 const thumbnailModeOptions: SegmentedOption<ClientThumbnailMode>[] = [
-    { value: 'normal', label: '通常' },
-    { value: 'light', label: '軽量' },
     { value: 'off', label: '非表示' },
-]
+    { value: 'light', label: '軽量' },
+    { value: 'normal', label: '通常' }]
 
 
-const SegmentedControl = <T extends string,>(
+const SegmentedControl = <T extends string,> (
     { value, options, onChange }: SegmentedControlProps<T>,
 ) => {
   return (
@@ -103,8 +99,7 @@ const BehaviourSettingsSection: FC<Props> = ({ sectionClassName }) => {
 
   const hasUnsavedChanges = useMemo (
       () => JSON.stringify (draftSettings) !== JSON.stringify (savedSettings),
-      [draftSettings, savedSettings],
-  )
+      [draftSettings, savedSettings])
 
   const updateDraft = <Key extends keyof ClientBehaviorSettings,> (
       key:    Key,
@@ -129,12 +124,6 @@ const BehaviourSettingsSection: FC<Props> = ({ sectionClassName }) => {
 	<div className="flex flex-wrap items-start justify-between gap-3">
 	  <div className="space-y-1">
 	    <h2 className="text-xl font-bold">動作</h2>
-	    <p className="text-sm text-muted-foreground">
-	      この設定は現在のブラウザに保存されます。
-	    </p>
-	    <p className="text-sm text-muted-foreground">
-	      重い端末や通信量を抑えたい場合に調整します。
-	    </p>
 	    {hasUnsavedChanges && (
 		<p className="text-sm text-amber-700 dark:text-amber-300">
 		  未保存の変更があります