fix: review fixes

.eslintrc.js

@@ -59,6 +59,7 @@ module.exports = {
             properties: false
           }
         }],
+        // Включено в full файле
         '@typescript-eslint/no-unused-vars': 'off'
       }
     },

src/misc/utils.ts

@@ -145,6 +145,7 @@ export function isEventWithModifier(event: MouseEvent | KeyboardEvent): boolean
     event.metaKey ||
     event.altKey ||
     event.shiftKey ||
+    // Нажатие на колесико мыши
     (event instanceof MouseEvent && event.button === 1)
   )
 }

src/ui/messenger/ConvoComposer/ConvoComposer.css

@@ -35,11 +35,10 @@
   padding-right: 6px;
   color: var(--vkui--color_icon_accent);
   opacity: 0.8;
-  transition: 0.2s opacity;
+  transition: var(--mediumTransition) opacity;
 }
 
 .ConvoComposer__send:hover {
-  color: var(--vkui--color_icon_accent);
   opacity: 1;
 }
 

src/ui/messenger/ConvoComposer/ConvoComposer.tsx

@@ -1,4 +1,4 @@
-import { ChangeEvent, computed, defineComponent, KeyboardEvent, ref, shallowRef } from 'vue'
+import { ChangeEvent, computed, defineComponent, KeyboardEvent, shallowRef } from 'vue'
 import * as Convo from 'model/Convo'
 import { useEnv } from 'hooks'
 import { isEventWithModifier, random } from 'misc/utils'
@@ -14,8 +14,8 @@ type Props = {
 
 export const ConvoComposer = defineComponent<Props>((props) => {
   const { lang, api } = useEnv()
-  const loading = ref(false)
-  const text = ref('')
+  const loading = shallowRef(false)
+  const text = shallowRef('')
   const $input = shallowRef<HTMLDivElement | null>(null)
 
   const isEmpty = computed(() => text.value.trim() === '')

src/ui/messenger/ConvoHistory/ConvoHistory.tsx

@@ -1,4 +1,4 @@
-import { computed, defineComponent, nextTick, onBeforeUnmount, onBeforeUpdate, onMounted, onUpdated, ref, shallowRef } from 'vue'
+import { computed, defineComponent, nextTick, onBeforeUnmount, onBeforeUpdate, onMounted, onUpdated, shallowRef } from 'vue'
 import * as Convo from 'model/Convo'
 import * as History from 'model/History'
 import * as Message from 'model/Message'
@@ -21,7 +21,7 @@ export const ConvoHistory = defineComponent<Props>(({ convo }) => {
   const { loadConvoHistoryLock, savedConvoScroll } = useConvosStore()
   const historySlice = computed(() => History.around(convo.history, convo.inReadBy))
   const $historyElement = shallowRef<HTMLDivElement | null>(null)
-  const scrollHeight = ref(0)
+  const scrollHeight = shallowRef(0)
 
   onMounted(() => {
     const scrollTop = savedConvoScroll.get(convo.id)
@@ -60,7 +60,7 @@ export const ConvoHistory = defineComponent<Props>(({ convo }) => {
      * Если мы находимся в самом низу, то она будет совпадать с общей высотой, но если
      * мы проскроллим вверх, появляется контент под вьюпортом, который нам не виден.
      * Тогда сумма не совпадет и мы поймем что юзер не находится внизу
-    */
+     */
     const upperContentHeight = $historyElement.value.scrollTop + $historyElement.value.offsetHeight
 
     if (scrollHeight.value <= upperContentHeight) {

src/ui/ui/ButtonIcon/ButtonIcon.css

@@ -9,9 +9,9 @@
 }
 
 .ButtonIcon[disabled] {
-  cursor: default;
   pointer-events: none;
   opacity: 0.6;
+  transition: var(--mediumTransition) opacity;
 }
 
 .ButtonIcon--hoverBackground:hover {

src/ui/ui/ButtonIcon/ButtonIcon.tsx

@@ -12,13 +12,13 @@ type Props = {
 
 export const ButtonIcon = defineComponent<Props>((props, { slots }) => {
   const { isFocused, onBlur, onFocus } = useFocusVisible()
-  const { addHoverBackground = true } = props
+
   return () => (
     <button
       type="button"
       class={['ButtonIcon', {
         'ButtonIcon--stretched': props.stretched,
-        'ButtonIcon--hoverBackground': addHoverBackground
+        'ButtonIcon--hoverBackground': props.addHoverBackground ?? true
       }]}
       onBlur={onBlur}
       onFocus={onFocus}