Files
FlightsAPI/resources/js/Pages/Dashboard.vue
T
2026-04-04 22:19:58 +10:00

50 lines
1.7 KiB
Vue

<script setup lang="ts">
import MainLayout from "@/Layouts/MainLayout.vue";
import GlassBox from "@/Components/FlightsGoneBy/GlassBox.vue";
import { Head, Link } from "@inertiajs/vue3";
import { usePage } from "@inertiajs/vue3";
import { computed } from "vue";
import {SharedProps} from "@/Types/types";
import { router } from "@inertiajs/vue3";
defineOptions({ layout: MainLayout });
const page = usePage<SharedProps>();
const name = computed(() => page?.props?.auth?.user?.name || 'there');
</script>
<template>
<Head title="Dashboard" />
<GlassBox :title="`Hey there ${name} 👋`" blurb="What would you like to do?">
<v-container>
<v-row>
<v-col cols="12" md="6">
<v-btn size="large" block href="#">
Add a Flight
</v-btn>
</v-col>
<v-col cols="12" md="6">
<v-btn size="large" block href="#">
Edit Flights
</v-btn>
</v-col>
<v-col cols="12" md="6">
<v-btn size="large" block :href="route('import.fr24')">
Import from FR24
</v-btn>
</v-col>
<v-col cols="12" md="6">
<v-btn size="large" block href="#">
View Profile
</v-btn>
</v-col>
<v-col cols="12">
<v-btn size="large" block @click="router.post(route('logout'))">
Log Out
</v-btn>
</v-col>
</v-row>
</v-container>
</GlassBox>
</template>