🎨 refactor: showIsInputTextAreaExpandedButton を showTextAreaExpandBut…

…ton に名称変更
traPtitech · Feb 3, 2025 · d0049bd · d0049bd
1 parent 9cf0a4a
commit d0049bd
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 13 deletions.
diff --git a/src/components/Main/MainView/MessageInput/MessageInput.vue b/src/components/Main/MainView/MessageInput/MessageInput.vue
@@ -29,18 +29,14 @@
         v-model:is-left-controls-expanded="isLeftControlsExpanded"
         v-model:is-preview-shown="isPreviewShown"
         v-model:is-input-text-area-expanded="isInputTextAreaExpanded"
-        :show-is-input-text-area-expanded-button="
-          showIsInputTextAreaExpandedButton
-        "
+        :show-text-area-expand-button="showTextAreaExpandButton"
         :class="$style.leftControls"
         @click-add-attachment="addAttachment"
       />
       <message-input-text-area
         ref="textareaComponentRef"
         v-model="state.text"
-        v-model:show-is-input-text-area-expanded-button="
-          showIsInputTextAreaExpandedButton
-        "
+        v-model:show-text-area-expand-button="showTextAreaExpandButton"
         :channel-id="channelId"
         :is-posting="isPosting"
         :shrink-to-one-line="
@@ -117,7 +113,7 @@ const { channelsMap } = useChannelsStore()
 const isLeftControlsExpanded = ref(false)
 const isPreviewShown = ref(false)
 const isInputTextAreaExpanded = ref(true)
-const showIsInputTextAreaExpandedButton = ref(false)
+const showTextAreaExpandButton = ref(false)
 
 const isArchived = computed(
   () => channelsMap.value.get(props.channelId)?.archived ?? false

diff --git a/src/components/Main/MainView/MessageInput/MessageInputLeftControls.vue b/src/components/Main/MainView/MessageInput/MessageInputLeftControls.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="$style.outerContainer" :style="outerContainerStyle">
     <icon-button
-      v-if="showIsInputTextAreaExpandedButton"
+      v-if="showTextAreaExpandButton"
       :class="$style.button"
       :icon-name="isInputTextAreaExpanded ? 'chevron-down' : 'chevron-up'"
       icon-mdi
@@ -40,7 +40,7 @@ const props = defineProps<{
   isLeftControlsExpanded: boolean
   isPreviewShown: boolean
   isInputTextAreaExpanded: boolean
-  showIsInputTextAreaExpandedButton: boolean
+  showTextAreaExpandButton: boolean
 }>()
 
 const emit = defineEmits<{
@@ -69,7 +69,7 @@ const isPreviewShownValue = computed<boolean>({
 })
 
 const outerContainerStyle = computed(() => ({
-  '--justify-content': props.showIsInputTextAreaExpandedButton
+  '--justify-content': props.showTextAreaExpandButton
     ? 'space-between'
     : 'flex-end'
 }))

diff --git a/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue b/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue
@@ -166,8 +166,8 @@ const textareaAutosizeStyle = computed(() => ({
   '--max-height': textAreaAutoSizeMaxHeight.value
 }))
 
-const showIsInputTextAreaExpandedButton = defineModel<boolean>(
-  'showIsInputTextAreaExpandedButton',
+const showTextAreaExpandButton = defineModel<boolean>(
+  'showTextAreaExpandButton',
   {
     default: false
   }
@@ -176,7 +176,7 @@ const showIsInputTextAreaExpandedButton = defineModel<boolean>(
 const updateShowIsInputTextareaExpandButtonVisibility = () => {
   nextTick(() => {
     if (textareaRef.value) {
-      showIsInputTextAreaExpandedButton.value =
+      showTextAreaExpandButton.value =
         textareaRef.value.scrollHeight > textAreaAutoSizeMaxHeightShrunk.value
     }
   })