103 - Move notification bell to page header component
Some checks failed
CI / ci (push) Failing after 6m32s
CI / ci (pull_request) Successful in 5m35s

This commit is contained in:
myrmidex 2026-03-18 21:27:14 +01:00
parent 3d58baf156
commit a7317e376f
8 changed files with 24 additions and 43 deletions

View file

@ -0,0 +1,16 @@
@props(['title', 'subtitle' => null])
<div class="mb-8 flex items-start justify-between">
<div>
<h1 class="text-2xl font-bold text-gray-900">{{ $title }}</h1>
@if ($subtitle)
<p class="mt-1 text-sm text-gray-500">{{ $subtitle }}</p>
@endif
</div>
<div class="flex items-center space-x-3">
{{ $slot }}
<div class="hidden lg:block">
<livewire:notification-bell />
</div>
</div>
</div>

View file

@ -66,9 +66,6 @@ class="p-2 rounded-md text-gray-400 hover:text-gray-600 hover:bg-gray-100"
<nav class="mt-5 flex-1 px-2 bg-white">
@include('layouts.navigation-items')
</nav>
<div class="flex-shrink-0 px-4 py-3 border-t border-gray-200">
<livewire:notification-bell />
</div>
<div class="flex-shrink-0 p-4 border-t border-gray-200">
<div class="flex items-center">
<div class="flex-1 min-w-0">

View file

@ -1,11 +1,5 @@
<div class="p-6">
<div class="mb-6 flex items-start justify-between">
<div>
<h1 class="text-2xl font-bold text-gray-900">Articles</h1>
<p class="mt-1 text-sm text-gray-500">
Review and manage article routing
</p>
</div>
<x-page-header title="Articles" subtitle="Review and manage article routing">
<button
wire:click="refresh"
wire:loading.attr="disabled"
@ -19,7 +13,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
<span wire:loading.remove wire:target="refresh">{{ $isRefreshing ? 'Refreshing...' : 'Refresh' }}</span>
<span wire:loading wire:target="refresh">Refreshing...</span>
</button>
</div>
</x-page-header>
{{-- Tab bar --}}
<div class="mb-6 border-b border-gray-200">

View file

@ -1,10 +1,5 @@
<div class="p-6">
<div class="mb-8">
<h1 class="text-2xl font-bold text-gray-900">Channels</h1>
<p class="mt-1 text-sm text-gray-500">
Manage your platform channels and linked accounts
</p>
</div>
<x-page-header title="Channels" subtitle="Manage your platform channels and linked accounts" />
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@forelse ($channels as $channel)

View file

@ -1,10 +1,5 @@
<div class="p-6">
<div class="mb-8">
<h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
<p class="mt-1 text-sm text-gray-500">
Overview of your feed management system
</p>
</div>
<x-page-header title="Dashboard" subtitle="Overview of your feed management system" />
<!-- System Statistics -->
<div class="mb-8">

View file

@ -1,10 +1,5 @@
<div class="p-6">
<div class="mb-8">
<h1 class="text-2xl font-bold text-gray-900">Feeds</h1>
<p class="mt-1 text-sm text-gray-500">
Manage your news feed sources
</p>
</div>
<x-page-header title="Feeds" subtitle="Manage your news feed sources" />
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@forelse ($feeds as $feed)

View file

@ -1,11 +1,5 @@
<div class="p-6">
<div class="mb-8 flex items-center justify-between">
<div>
<h1 class="text-2xl font-bold text-gray-900">Routes</h1>
<p class="mt-1 text-sm text-gray-500">
Manage connections between your feeds and channels
</p>
</div>
<x-page-header title="Routes" subtitle="Manage connections between your feeds and channels">
<button
wire:click="openCreateModal"
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
@ -15,7 +9,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
</svg>
Create Route
</button>
</div>
</x-page-header>
<div class="space-y-6">
@forelse ($routes as $route)

View file

@ -1,10 +1,5 @@
<div class="p-6" x-data x-on:clear-message.window="setTimeout(() => $wire.clearMessages(), 3000)">
<div class="mb-8">
<h1 class="text-2xl font-bold text-gray-900">Settings</h1>
<p class="mt-1 text-sm text-gray-500">
Configure your system preferences
</p>
</div>
<x-page-header title="Settings" subtitle="Configure your system preferences" />
<div class="space-y-6">
<!-- Article Processing Settings -->