Application integration

This commit is contained in:
2025-12-13 01:36:12 -05:00
parent 93e8f3b3d2
commit 533e315642
2 changed files with 6 additions and 2 deletions

View File

@@ -15,6 +15,7 @@ import { useAuth } from '@/composables/useAuth'
import { CommentRow } from '@shared/types/application' import { CommentRow } from '@shared/types/application'
import { Dot } from 'lucide-vue-next' import { Dot } from 'lucide-vue-next'
import { ref } from 'vue' import { ref } from 'vue'
import MemberCard from '../members/MemberCard.vue'
const props = defineProps<{ const props = defineProps<{
messages: CommentRow[] messages: CommentRow[]
@@ -71,7 +72,7 @@ function onSubmit(values: { text: string }, { resetForm }: { resetForm: () => vo
<!-- Comment header --> <!-- Comment header -->
<div class="flex justify-between"> <div class="flex justify-between">
<div class="flex"> <div class="flex">
<p>{{ message.poster_name }}</p> <MemberCard :member-id="message.poster_id"></MemberCard>
<p v-if="message.admin_only" class="flex"> <p v-if="message.admin_only" class="flex">
<Dot /><span class="text-amber-300">Internal</span> <Dot /><span class="text-amber-300">Internal</span>
</p> </p>

View File

@@ -15,6 +15,7 @@ import { onMounted, ref, watch } from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { CheckIcon, XIcon } from 'lucide-vue-next'; import { CheckIcon, XIcon } from 'lucide-vue-next';
import Application from './Application.vue'; import Application from './Application.vue';
import MemberCard from '@/components/members/MemberCard.vue';
const appList = ref([]); const appList = ref([]);
const now = Date.now(); const now = Date.now();
@@ -113,7 +114,9 @@ onMounted(async () => {
<TableBody> <TableBody>
<TableRow v-for="app in appList" :key="app.id" class="cursor-pointer" <TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
@click="openApplication(app.id)"> @click="openApplication(app.id)">
<TableCell class="font-medium">{{ app.member_name }}</TableCell> <TableCell class="font-medium">
<MemberCard :memberId="app.member_id"></MemberCard>
</TableCell>
<TableCell :title="formatExact(app.submitted_at)"> <TableCell :title="formatExact(app.submitted_at)">
{{ formatAgo(app.submitted_at) }} {{ formatAgo(app.submitted_at) }}
</TableCell> </TableCell>