klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Wire admin studio SSR and search infrastructure

Browse Source
This commit is contained in:
Gregor Klevže
2026-05-01 11:46:06 +02:00
parent 257b0dbef6
commit 18cea8b0f0
329 changed files with 197465 additions and 2741 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/Pages/Feed/FollowingFeed.jsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect, useCallback } from 'react'
import { usePage } from '@inertiajs/react'
import axios from 'axios'
import SeoHead from '../../components/seo/SeoHead'
import PostCard from '../../Components/Feed/PostCard'
import PostCardSkeleton from '../../Components/Feed/PostCardSkeleton'
@@ -28,7 +29,7 @@ function EmptyFollowingState() {
export default function FollowingFeed() {
const { props } = usePage()
const { auth } = props
const { auth, seo } = props
const authUser = auth?.user ?? null
const [posts, setPosts] = useState([])
@@ -72,7 +73,9 @@ export default function FollowingFeed() {
}, [])
return (
<div className="min-h-screen bg-[#080f1e]">
<>
<SeoHead seo={seo} />
<div className="min-h-screen bg-[#080f1e]">
{/* ── Page header ────────────────────────────────────────────────────── */}
<div className="max-w-2xl mx-auto px-4 pt-8 pb-4">
<div className="flex items-center justify-between mb-6">
@@ -150,5 +153,6 @@ export default function FollowingFeed() {
)}
</div>
</div>
</>
)
}

8
resources/js/Pages/Feed/HashtagFeed.jsx
View File

@@ -1,12 +1,13 @@
import React, { useState, useEffect, useCallback } from 'react'
import { usePage } from '@inertiajs/react'
import axios from 'axios'
import SeoHead from '../../components/seo/SeoHead'
import PostCard from '../../Components/Feed/PostCard'
import PostCardSkeleton from '../../Components/Feed/PostCardSkeleton'
export default function HashtagFeed() {
const { props } = usePage()
const { auth, tag } = props
const { auth, tag, seo } = props
const authUser = auth?.user ?? null
const [posts, setPosts] = useState([])
@@ -39,7 +40,9 @@ export default function HashtagFeed() {
const handleDeleted = useCallback((id) => setPosts((prev) => prev.filter((p) => p.id !== id)), [])
return (
<div className="min-h-screen bg-[#080f1e]">
<>
<SeoHead seo={seo} />
<div className="min-h-screen bg-[#080f1e]">
<div className="max-w-2xl mx-auto px-4 pt-8 pb-16">
{/* Header */}
<div className="mb-6">
@@ -110,5 +113,6 @@ export default function HashtagFeed() {
</div>
</div>
</div>
</>
)
}

8
resources/js/Pages/Feed/SavedFeed.jsx
View File

@@ -1,12 +1,13 @@
import React, { useState, useEffect, useCallback } from 'react'
import { usePage } from '@inertiajs/react'
import axios from 'axios'
import SeoHead from '../../components/seo/SeoHead'
import PostCard from '../../Components/Feed/PostCard'
import PostCardSkeleton from '../../Components/Feed/PostCardSkeleton'
export default function SavedFeed() {
const { props } = usePage()
const { auth } = props
const { auth, seo } = props
const authUser = auth?.user ?? null
const [posts, setPosts] = useState([])
@@ -38,7 +39,9 @@ export default function SavedFeed() {
const handleUnsaved = useCallback((id) => setPosts((prev) => prev.filter((p) => p.id !== id)), [])
return (
<div className="min-h-screen bg-[#080f1e]">
<>
<SeoHead seo={seo} />
<div className="min-h-screen bg-[#080f1e]">
<div className="max-w-2xl mx-auto px-4 pt-8 pb-16">
{/* Header */}
<div className="mb-6">
@@ -101,5 +104,6 @@ export default function SavedFeed() {
</div>
</div>
</div>
</>
)
}

8
resources/js/Pages/Feed/SearchFeed.jsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect, useCallback, useRef } from 'react'
import { usePage } from '@inertiajs/react'
import axios from 'axios'
import SeoHead from '../../components/seo/SeoHead'
import PostCard from '../../Components/Feed/PostCard'
import PostCardSkeleton from '../../Components/Feed/PostCardSkeleton'
@@ -36,7 +37,7 @@ function TrendingHashtagsSidebar({ hashtags }) {
/* ── Main page ─────────────────────────────────────────────────────────────── */
export default function SearchFeed() {
const { props } = usePage()
const { auth, initialQuery, trendingHashtags } = props
const { auth, initialQuery, trendingHashtags, seo } = props
const authUser = auth?.user ?? null
const [query, setQuery] = useState(initialQuery ?? '')
@@ -124,7 +125,9 @@ export default function SearchFeed() {
const hasResults = results.length > 0
return (
<div className="min-h-screen bg-[#080f1e]">
<>
<SeoHead seo={seo} />
<div className="min-h-screen bg-[#080f1e]">
<div className="max-w-5xl mx-auto px-4 pt-8 pb-16">
<div className="flex gap-8">
@@ -251,5 +254,6 @@ export default function SearchFeed() {
</div>
</div>
</div>
</>
)
}

8
resources/js/Pages/Feed/TrendingFeed.jsx
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect, useCallback } from 'react'
import { usePage } from '@inertiajs/react'
import axios from 'axios'
import SeoHead from '../../components/seo/SeoHead'
import PostCard from '../../Components/Feed/PostCard'
import PostCardSkeleton from '../../Components/Feed/PostCardSkeleton'
@@ -36,7 +37,7 @@ function TrendingHashtagsSidebar({ hashtags, activeTag = null }) {
export default function TrendingFeed() {
const { props } = usePage()
const { auth, trendingHashtags } = props
const { auth, trendingHashtags, seo } = props
const authUser = auth?.user ?? null
const [posts, setPosts] = useState([])
@@ -65,7 +66,9 @@ export default function TrendingFeed() {
const handleDeleted = useCallback((id) => setPosts((prev) => prev.filter((p) => p.id !== id)), [])
return (
<div className="min-h-screen bg-[#080f1e]">
<>
<SeoHead seo={seo} />
<div className="min-h-screen bg-[#080f1e]">
<div className="max-w-5xl mx-auto px-4 pt-8 pb-16">
<div className="flex gap-8">
{/* ── Main feed ──────────────────────────────────────────────── */}
@@ -129,5 +132,6 @@ export default function TrendingFeed() {
</div>
</div>
</div>
</>
)
}