nocodb/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/AddRow.vue

<script setup lang="ts">
import { OpenNewRecordFormHookInj, inject } from '#imports'
const { isOpen } = useSidebar({ storageKey: 'nc-right-sidebar' })
const isLocked = inject(IsLockedInj)

const openNewRecordFormHook = inject(OpenNewRecordFormHookInj)!
</script>

<template>
  <a-tooltip :placement="isOpen ? 'bottomRight' : 'left'">
    <template #title> {{ $t('activity.addRow') }} </template>
    <div
      :class="{ 'hover:after:bg-primary/75 group': !isLocked, 'disabled-ring': isLocked }"
      class="nc-sidebar-right-item nc-sidebar-add-row"
    >
      <MdiPlusOutline
        :class="{ 'cursor-pointer group-hover:(!text-white)': !isLocked, 'disabled': isLocked }"
        @click="!isLocked ? openNewRecordFormHook.trigger() : {}"
      />
    </div>
  </a-tooltip>
</template>