多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

39 lines
1.0 KiB

<script lang="ts" setup>
const emits = defineEmits(['onNavigate'])
const workspaceStore = useWorkspace()
const navigateToAiIntegrations = () => {
workspaceStore.navigateToIntegrations(undefined, undefined, {
categories: 'ai',
})
emits('onNavigate')
}
</script>
<template>
<div
class="py-2 pl-3 pr-2 flex gap-2 bg-nc-bg-orange-light rounded-lg"
:class="{
'items-center': !$slots.description,
'items-start': $slots.description,
}"
>
<slot name="icon">
<GeneralIcon icon="alertTriangleSolid" class="flex-none !text-nc-content-orange-medium w-4 h-4" />
</slot>
<div class="flex-1 flex flex-col gap-1">
<slot name="title">
<div class="text-sm text-nc-content-gray-subtle flex-1">No AI Integrations added.</div>
</slot>
<slot name="description"></slot>
</div>
<NcButton size="small" type="text" class="!text-nc-content-brand" @click.stop="navigateToAiIntegrations">
Add integration
</NcButton>
</div>
</template>
<style lang="scss" scoped></style>