-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathBlogPostPage.jsx
More file actions
80 lines (66 loc) · 2.13 KB
/
BlogPostPage.jsx
File metadata and controls
80 lines (66 loc) · 2.13 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import React from 'react';
import { useSearchParams } from 'react-router-dom';
import { useVisualSettings } from '../context/VisualSettingsContext';
import DossierBlogPostPage from './blog-views/DossierBlogPostPage';
import DokumentBlogPostPage from './blog-views/DokumentBlogPostPage';
import EditorialBlogPostPage from './blog-views/EditorialBlogPostPage';
import BrutalistBlogPostPage from './blog-views/BrutalistBlogPostPage';
import OldBlogPostPage from './blog-views/OldBlogPostPage';
import TerminalBlogPostPage from './blog-views/TerminalBlogPostPage';
import TerminalGreenBlogPostPage from './blog-views/TerminalGreenBlogPostPage';
import LuxeBlogPostPage from './blog-views/LuxeBlogPostPage';
const BlogPostPage = () => {
const { blogPostViewMode, fezcodexTheme } = useVisualSettings();
const [searchParams] = useSearchParams();
// Determine the effective view mode
const effectiveViewMode = (() => {
const themeParam = searchParams.get('theme');
if (
themeParam &&
[
'brutalist',
'editorial',
'dossier',
'terminal',
'dokument',
'terminal-green',
'old',
'luxe',
].includes(themeParam)
) {
return themeParam;
}
// If user has explicitly chosen a mode (other than standard), respect it
if (blogPostViewMode !== 'standard') {
return blogPostViewMode;
}
// Otherwise, adapt to the global theme
if (fezcodexTheme === 'luxe') {
return 'luxe';
}
return 'brutalist';
})();
if (effectiveViewMode === 'luxe') {
return <LuxeBlogPostPage />;
}
if (effectiveViewMode === 'old') {
return <OldBlogPostPage />;
}
if (effectiveViewMode === 'dossier') {
return <DossierBlogPostPage />;
}
if (effectiveViewMode === 'dokument') {
return <DokumentBlogPostPage />;
}
if (effectiveViewMode === 'editorial') {
return <EditorialBlogPostPage />;
}
if (effectiveViewMode === 'terminal-green') {
return <TerminalGreenBlogPostPage />;
}
if (effectiveViewMode === 'terminal') {
return <TerminalBlogPostPage />;
}
return <BrutalistBlogPostPage />;
};
export default BlogPostPage;