aiolabs/webapp
1
0
Fork 0
Code Issues 16 Pull requests 1 Projects Releases Packages Wiki Activity Actions

[Draft] feat(nostr-feed): Reddit-style link aggregator #9

Open
padreug wants to merge 19 commits from feature/link-aggregator into main
pull from: feature/link-aggregator
merge into: aiolabs:main
Conversation 0 Commits 19 Files changed 20 +23 -12
1 changed files with 23 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit e947768407 - Show all commits

25
src/modules/nostr-feed/components/SortTabs.vue
View file

@ -6,6 +6,13 @@
import { computed } from 'vue' import { computed } from 'vue'
import { Flame, Clock, TrendingUp, Swords } from 'lucide-vue-next' import { Flame, Clock, TrendingUp, Swords } from 'lucide-vue-next'
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue
} from '@/components/ui/select'
import type { SortType, TimeRange } from '../types/submission' import type { SortType, TimeRange } from '../types/submission'
interface Props { interface Props {
@ -78,19 +85,23 @@ function selectTimeRange(range: TimeRange) {
<!-- Time range dropdown (for top) --> <!-- Time range dropdown (for top) -->
<template v-if="showTimeDropdown"> <template v-if="showTimeDropdown">
<span class="text-muted-foreground mx-1">·</span> <span class="text-muted-foreground mx-1">·</span>
<select <Select
:value="currentTimeRange" :model-value="currentTimeRange"
class="bg-transparent text-sm text-muted-foreground hover:text-foreground cursor-pointer border-none outline-none" @update:model-value="selectTimeRange($event as TimeRange)"
@change="selectTimeRange(($event.target as HTMLSelectElement).value as TimeRange)"
> >
<option <SelectTrigger class="h-auto w-auto gap-1 border-0 bg-transparent px-1 py-0.5 text-sm text-muted-foreground shadow-none hover:text-foreground focus:ring-0">
<SelectValue />
</SelectTrigger>
<SelectContent>
<SelectItem
v-for="range in timeRangeOptions" v-for="range in timeRangeOptions"
:key="range.id" :key="range.id"
:value="range.id" :value="range.id"
> >
{{ range.label }} {{ range.label }}
</option> </SelectItem>
</select> </SelectContent>
</Select>
</template> </template>
</div> </div>
</template> </template>