29 lines
904 B
Vue
29 lines
904 B
Vue
<script setup lang="ts">
|
|
import AdminLayout from "@/Pages/Admin/AdminLayout.vue";
|
|
import GrowthCard from "@/Components/Admin/GrowthCard.vue";
|
|
|
|
defineOptions({ layout: AdminLayout });
|
|
|
|
defineProps<{
|
|
userCount: number,
|
|
oneWeekUserGrowth: number,
|
|
flightCount: number,
|
|
oneWeekFlightGrowth: number,
|
|
latestUser:string
|
|
}>()
|
|
</script>
|
|
<template>
|
|
<v-container>
|
|
<v-row>
|
|
<v-col cols="12" sm="6">
|
|
<GrowthCard label="Total Users" :count="userCount" :weekly-growth="oneWeekUserGrowth" icon="mdi-account">
|
|
<small>Latest User: {{ latestUser }}</small>
|
|
</GrowthCard>
|
|
</v-col>
|
|
<v-col cols="12" sm="6">
|
|
<GrowthCard label="Total Flights" :count="flightCount" :weekly-growth="oneWeekFlightGrowth" icon="mdi-airplane" />
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
</template>
|