dredgy/FlightsAPI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Notifications

Browse Source
This commit is contained in:
josh
2026-05-18 22:06:04 +10:00
parent e1bed676e4
commit 1846cb6a6d
30 changed files with 87 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Components/FlightsGoneBy/Feed/FeedItem.vue
+4 -33
View File
@@ -13,13 +13,14 @@ import FlightUpdatedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightUpdated
import FlightCancelledFeedItem from "@/Components/FlightsGoneBy/Feed/FlightCancelledFeedItem.vue";
import FlightImportedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightImportedFeedItem.vue";
import FlightMovedFeedItem from "@/Components/FlightsGoneBy/Feed/FlightMovedFeedItem.vue";
import ButtonLink from "@/Components/FlightsGoneBy/ButtonLink.vue";
const props = defineProps<{
action: UserAction
}>()
const flight = computed(() =>{
if (props.action.type === 'flight_booked' || props.action.type === 'flight_logged'){
if (props.action.type === 'flight_booked' || props.action.type === 'flight_logged' || props.action.type === 'flight_departing' || props.action.type === 'flight_arriving' || props.action.type === 'flight_imported'){
return (props.action.data as UserActionFlightBookedData).flight
} else if (props.action.type === 'flight_updated'){
return (props.action.data as UserActionFlightUpdatedData).updated
@@ -77,15 +78,10 @@ function timeAgo(dateStr: string): string {
<FlightImportedFeedItem v-if="action.type == 'flight_imported'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightImportedFeedItem>
<FlightUpdatedFeedItem v-if="action.type == 'flight_updated'" :data="(action.data as UserActionFlightUpdatedData)" ></FlightUpdatedFeedItem>
<FlightCancelledFeedItem v-if="action.type == 'flight_cancelled'" :data="(action.data as UserActionFlightCancelledData)" flight=""></FlightCancelledFeedItem>
<FlightMovedFeedItem v-if="action.type == 'flight_departing' || action.type== 'flight_arriving'" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightMovedFeedItem>/
<FlightMovedFeedItem v-if="action.type == 'flight_departing' || action.type== 'flight_arriving'" :action="action.type" :flight="(action.data as UserActionFlightBookedData).flight" ></FlightMovedFeedItem>
</div>
<div class="card-actions">
<Link v-if="flight" :href="`/u/${action.user?.name}/departure-board/${flight?.id}`" class="view-flight-link">
View Flight
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M5 12h14M13 6l6 6-6 6"/>
</svg>
</Link>
<ButtonLink v-if="flight" :href="route('profile.flight', { user: action.user?.name, userFlight: flight?.id })" label="View Flight" />
</div>
</div>
</template>
@@ -146,13 +142,6 @@ function timeAgo(dateStr: string): string {
color: #9ca3af;
}
.changes {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.3rem 1rem;
margin: 0;
font-size: 0.82rem;
}
.changes dt {
color: #9ca3af;
@@ -166,24 +155,6 @@ function timeAgo(dateStr: string): string {
word-break: break-word;
}
.view-flight-link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.8rem;
font-weight: 500;
color: #818cf8;
text-decoration: none;
padding: 0.35rem 0.75rem;
border: 1px solid rgba(99, 102, 241, 0.25);
background: rgba(99, 102, 241, 0.08);
transition: background 0.15s, border-color 0.15s;
}
.view-flight-link:hover {
background: rgba(99, 102, 241, 0.18);
border-color: rgba(99, 102, 241, 0.45);
}
.view-flight-link svg {
width: 0.85rem;