mirror of https://github.com/nocodb/nocodb
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.
37 lines
878 B
37 lines
878 B
<script setup lang="ts"> |
|
const { socialFeed, loadFeed } = useProductFeed() |
|
|
|
const scrollContainer = ref<HTMLElement>() |
|
|
|
const { isLoading } = useInfiniteScroll( |
|
scrollContainer, |
|
async () => { |
|
if (isLoading.value) return |
|
const data = ( |
|
await loadFeed({ |
|
type: 'all', |
|
loadMore: true, |
|
}) |
|
).filter((item) => item['Feed Source'] !== 'Twitter') |
|
|
|
socialFeed.value = [...socialFeed.value, ...data] |
|
}, |
|
{ distance: 1, interval: 2000 }, |
|
) |
|
</script> |
|
|
|
<template> |
|
<div |
|
ref="scrollContainer" |
|
:style="{ |
|
height: 'calc(100dvh - var(--toolbar-height) - 3.1rem)', |
|
}" |
|
class="overflow-y-auto nc-scrollbar-md w-full" |
|
> |
|
<div class="flex flex-col my-6 items-center gap-6"> |
|
<FeedRecentsCard v-for="feed in socialFeed" :key="feed.Id" :item="feed" /> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<style scoped lang="scss"></style>
|
|
|