Remove Upcoming/Past tabs from activities feed
Replace tabbed layout with a single continuous feed matching p'a semana style. Temporal filter pills already handle time-based filtering. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
63c20e39ae
commit
76840567cb
1 changed files with 6 additions and 35 deletions
|
|
@ -2,7 +2,6 @@
|
||||||
import { onMounted, ref } from 'vue'
|
import { onMounted, ref } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { useI18n } from 'vue-i18n'
|
import { useI18n } from 'vue-i18n'
|
||||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
|
||||||
import { Button } from '@/components/ui/button'
|
import { Button } from '@/components/ui/button'
|
||||||
import { Input } from '@/components/ui/input'
|
import { Input } from '@/components/ui/input'
|
||||||
import {
|
import {
|
||||||
|
|
@ -28,7 +27,6 @@ const showCreateDialog = ref(false)
|
||||||
|
|
||||||
const {
|
const {
|
||||||
activities,
|
activities,
|
||||||
pastActivities,
|
|
||||||
isLoading,
|
isLoading,
|
||||||
error,
|
error,
|
||||||
temporal,
|
temporal,
|
||||||
|
|
@ -133,39 +131,12 @@ function handleRefresh() {
|
||||||
{{ error }}
|
{{ error }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Tabs: Upcoming / Past -->
|
<!-- Activity feed -->
|
||||||
<Tabs default-value="upcoming" class="w-full">
|
|
||||||
<TabsList class="grid w-full grid-cols-2 mb-4">
|
|
||||||
<TabsTrigger value="upcoming">
|
|
||||||
Upcoming
|
|
||||||
<span v-if="activities.length > 0" class="ml-1.5 text-xs opacity-60">
|
|
||||||
({{ activities.length }})
|
|
||||||
</span>
|
|
||||||
</TabsTrigger>
|
|
||||||
<TabsTrigger value="past">
|
|
||||||
Past
|
|
||||||
<span v-if="pastActivities.length > 0" class="ml-1.5 text-xs opacity-60">
|
|
||||||
({{ pastActivities.length }})
|
|
||||||
</span>
|
|
||||||
</TabsTrigger>
|
|
||||||
</TabsList>
|
|
||||||
|
|
||||||
<TabsContent value="upcoming">
|
|
||||||
<ActivityList
|
<ActivityList
|
||||||
:activities="activities"
|
:activities="activities"
|
||||||
:is-loading="isLoading"
|
:is-loading="isLoading"
|
||||||
@select="handleSelectActivity"
|
@select="handleSelectActivity"
|
||||||
/>
|
/>
|
||||||
</TabsContent>
|
|
||||||
|
|
||||||
<TabsContent value="past">
|
|
||||||
<ActivityList
|
|
||||||
:activities="pastActivities"
|
|
||||||
:is-loading="isLoading"
|
|
||||||
@select="handleSelectActivity"
|
|
||||||
/>
|
|
||||||
</TabsContent>
|
|
||||||
</Tabs>
|
|
||||||
|
|
||||||
<!-- Create Activity Dialog -->
|
<!-- Create Activity Dialog -->
|
||||||
<CreateActivityDialog
|
<CreateActivityDialog
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue