refactor: improve readability

BlackGlory · Dec 31, 2023 · 13dbc4d · 13dbc4d
1 parent c38f8c2
commit 13dbc4d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/editor.tsx b/src/components/editor.tsx
@@ -79,7 +79,7 @@ export function Editor({ id }: IEditorProps) {
 
           <Switch
             value={userScript.enabled}
-            onClick={async enabled => {
+            onChange={async enabled => {
               await client.setUserScriptEnabled(id, enabled)
 
               updateUserScript(userScript => {

diff --git a/src/components/options.tsx b/src/components/options.tsx
@@ -86,7 +86,7 @@ function UserScriptListItem({ client, userScript }: IUserScriptListItemProps) {
     <div className='flex items-center gap-2 px-2'>
       <Switch
         value={userScript.enabled}
-        onClick={async enabled => {
+        onChange={async enabled => {
           await client.setUserScriptEnabled(userScript.id, enabled)
 
           updateState(state => {

diff --git a/src/components/switch.tsx b/src/components/switch.tsx
@@ -3,15 +3,15 @@ import classNames from 'classnames'
 
 interface ISwitchProps {
   value: boolean
-  onClick: (value: boolean) => void
+  onChange: (value: boolean) => void
 }
 
-export function Switch({ value, onClick }: ISwitchProps) {
+export function Switch({ value, onChange }: ISwitchProps) {
   return (
     <HeadlessSwitch
       title={value ? 'Disable' : 'Enable'}
       checked={value}
-      onChange={onClick}
+      onChange={onChange}
       className={classNames(
         'inline-flex h-4 w-7 rounded-full items-center'
       , value ? 'bg-gray-700' : 'bg-gray-300'