fix: trim short bio only before submission, not during an edit

Author: RanolP

Diff for: packages/velog-web/src/features/setting/components/SettingUserProfile/SettingUserProfile.tsx

@@ -106,7 +106,7 @@ function SettingUserProfile({ displayName, shortBio, thumbnail }: Props) {
   const onSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
     await updateProfileMutateAsync({
-      input: { display_name: inputs.displayName, short_bio: inputs.shortBio },
+      input: { display_name: inputs.displayName, short_bio: inputs.shortBio.trim() },
     })
     onToggleEdit()
     currentUserRefetch()

Diff for: packages/velog-web/src/hooks/useInputs.ts

@@ -26,7 +26,7 @@ export default function useInputs<T extends Record<string, any>>(defaultValues:
   const onChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     dispatch({
       name: e.target.name,
-      value: e.target.value.trim(),
+      value: e.target.value,
     })
   }, [])
   const onReset = useCallback(() => {