Skip to content

Commit b2ae1dd

Browse files
fezcodefezcode
committed
updates
1 parent 4ca1a6e commit b2ae1dd

File tree

4 files changed

+50
-33
lines changed

4 files changed

+50
-33
lines changed

‎public/posts/posts.json‎

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -10,112 +10,113 @@
1010
"slug": "react-memoization-hooks",
1111
"title": "React Memoization Hooks",
1212
"filename": "/react-of-fezcode/016-react-memoization-hooks.md",
13-
"date": "2025-10-26",
13+
"date": "2025-10-25",
14+
"updated": "2025-10-26",
1415
"category": "dev"
1516
},
1617
{
1718
"slug": "react-refs-useref",
1819
"title": "React Refs Useref",
1920
"filename": "/react-of-fezcode/015-react-refs-useref.md",
20-
"date": "2025-10-26",
21+
"date": "2025-10-25",
2122
"category": "dev"
2223
},
2324
{
2425
"slug": "react-custom-hooks",
2526
"title": "React Custom Hooks",
2627
"filename": "/react-of-fezcode/014-react-custom-hooks.md",
27-
"date": "2025-10-26",
28+
"date": "2025-10-25",
2829
"category": "dev"
2930
},
3031
{
3132
"slug": "document-fetching-api",
3233
"title": "Document Fetching Api",
3334
"filename": "/react-of-fezcode/013-document-fetching-api.md",
34-
"date": "2025-10-26",
35+
"date": "2025-10-25",
3536
"category": "dev"
3637
},
3738
{
3839
"slug": "html-structure",
3940
"title": "Html Structure",
4041
"filename": "/react-of-fezcode/012-html-structure.md",
41-
"date": "2025-10-26",
42+
"date": "2025-10-25",
4243
"category": "dev"
4344
},
4445
{
4546
"slug": "javascript-fundamentals",
4647
"title": "Javascript Fundamentals",
4748
"filename": "/react-of-fezcode/011-javascript-fundamentals.md",
48-
"date": "2025-10-26",
49+
"date": "2025-10-25",
4950
"category": "dev"
5051
},
5152
{
5253
"slug": "css-and-tailwind-css",
5354
"title": "Css And Tailwind Css",
5455
"filename": "/react-of-fezcode/010-css-and-tailwind-css.md",
55-
"date": "2025-10-26",
56+
"date": "2025-10-25",
5657
"category": "dev"
5758
},
5859
{
5960
"slug": "routing-with-react-router-dom",
6061
"title": "Routing With React Router Dom",
6162
"filename": "/react-of-fezcode/009-routing-with-react-router-dom.md",
62-
"date": "2025-10-26",
63+
"date": "2025-10-25",
6364
"category": "dev"
6465
},
6566
{
6667
"slug": "react-context-usecontext",
6768
"title": "React Context Usecontext",
6869
"filename": "/react-of-fezcode/008-react-context-usecontext.md",
69-
"date": "2025-10-26",
70+
"date": "2025-10-25",
7071
"category": "dev"
7172
},
7273
{
7374
"slug": "react-hooks-usestate-useeffect",
7475
"title": "React Hooks Usestate Useeffect",
7576
"filename": "/react-of-fezcode/007-react-hooks-usestate-useeffect.md",
76-
"date": "2025-10-26",
77+
"date": "2025-10-25",
7778
"category": "dev"
7879
},
7980
{
8081
"slug": "react-basics-components-props",
8182
"title": "React Basics Components Props",
8283
"filename": "/react-of-fezcode/006-react-basics-components-props.md",
83-
"date": "2025-10-26",
84+
"date": "2025-10-25",
8485
"category": "dev"
8586
},
8687
{
8788
"slug": "blog-post-page-component",
8889
"title": "Blog Post Page Component",
8990
"filename": "/react-of-fezcode/005-blog-post-page-component.md",
90-
"date": "2025-10-26",
91+
"date": "2025-10-25",
9192
"category": "dev"
9293
},
9394
{
9495
"slug": "app-js-main-component",
9596
"title": "App Js Main Component",
9697
"filename": "/react-of-fezcode/004-app-js-main-component.md",
97-
"date": "2025-10-26",
98+
"date": "2025-10-25",
9899
"category": "dev"
99100
},
100101
{
101102
"slug": "index-js-entry-point",
102103
"title": "Index Js Entry Point",
103104
"filename": "/react-of-fezcode/003-index-js-entry-point.md",
104-
"date": "2025-10-26",
105+
"date": "2025-10-25",
105106
"category": "dev"
106107
},
107108
{
108109
"slug": "package-json-explained",
109110
"title": "Package Json Explained",
110111
"filename": "/react-of-fezcode/002-package-json-explained.md",
111-
"date": "2025-10-26",
112+
"date": "2025-10-25",
112113
"category": "dev"
113114
},
114115
{
115116
"slug": "project-overview",
116117
"title": "Project Overview",
117118
"filename": "/react-of-fezcode/001-project-overview.md",
118-
"date": "2025-10-26",
119+
"date": "2025-10-25",
119120
"category": "dev"
120121
}
121122
]

‎src/components/Sidebar.js‎

Lines changed: 25 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,9 @@ import {
1515
ListIcon,
1616
GithubLogoIcon,
1717
GlobeSimpleIcon,
18-
ArrowSquareOutIcon,
1918
SwordIcon,
19+
AlienIcon,
20+
AnchorIcon, JoystickIcon, BooksIcon, AsteriskSimpleIcon
2021
} from '@phosphor-icons/react';
2122

2223
import Fez from './Fez';
@@ -26,8 +27,8 @@ import { version } from '../version';
2627
const Sidebar = ({ isOpen, toggleSidebar }) => {
2728
const [isMainOpen, setIsMainOpen] = useState(true);
2829
const [isContentOpen, setIsContentOpen] = useState(true);
30+
const [isExtrasOpen, setIsExtrasOpen] = useState(true);
2931
const [isGamesOpen, setIsGamesOpen] = useState(false);
30-
const [isWorldBuildingOpen, setIsWorldBuildingOpen] = useState(false);
3132
const [isExternalLinksOpen, setIsExternalLinksOpen] = useState(false);
3233
const [allSectionsOpen, setAllSectionsOpen] = useState(true); // New state for collapse all
3334

@@ -36,17 +37,17 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
3637
// Effect to update allSectionsOpen when individual sections change
3738
useEffect(() => {
3839
setAllSectionsOpen(
39-
isMainOpen && isContentOpen && isGamesOpen && isWorldBuildingOpen && isExternalLinksOpen,
40+
isMainOpen && isContentOpen && isExtrasOpen && isGamesOpen && isExternalLinksOpen,
4041
);
41-
}, [isMainOpen, isContentOpen, isGamesOpen, isWorldBuildingOpen, isExternalLinksOpen]);
42+
}, [isMainOpen, isContentOpen, isGamesOpen, isExtrasOpen, isExternalLinksOpen]);
4243

4344
const toggleAllSections = () => {
4445
const newState = !allSectionsOpen;
4546
setAllSectionsOpen(newState);
4647
setIsMainOpen(newState);
4748
setIsContentOpen(newState);
49+
setIsExtrasOpen(newState);
4850
setIsGamesOpen(newState);
49-
setIsWorldBuildingOpen(newState);
5051
setIsExternalLinksOpen(newState);
5152
};
5253

@@ -109,7 +110,10 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
109110
isMainActive ? 'text-red-400' : 'text-gray-100'
110111
}`}
111112
>
112-
<span className="font-sans text-white">Main</span>
113+
<span className="flex items-center gap-2 font-sans text-white">
114+
<AsteriskSimpleIcon size={16} />
115+
<span>Main</span>
116+
</span>
113117

114118
<CaretDownIcon
115119
size={20}
@@ -141,7 +145,10 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
141145
isContentActive ? 'text-red-400' : 'text-gray-100'
142146
}`}
143147
>
144-
<span className="font-sans text-white">Content</span>
148+
<span className="flex items-center gap-2 font-sans text-white">
149+
<BooksIcon size={16} />
150+
<span>Content</span>
151+
</span>
145152

146153
<CaretDownIcon
147154
size={20}
@@ -174,16 +181,20 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
174181

175182
<div className="mt-8">
176183
<button
177-
onClick={() => setIsWorldBuildingOpen(!isWorldBuildingOpen)}
178-
className={`flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${isWorldBuildingOpen ? 'text-gray-100' : 'text-gray-100'}`}
184+
onClick={() => setIsExtrasOpen(!isExtrasOpen)}
185+
className={`flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${isExtrasOpen ? 'text-gray-100' : 'text-gray-100'}`}
179186
>
180-
<span className="font-sans text-white">World Building</span>
187+
<span className="flex items-center gap-2 font-sans text-white">
188+
<AlienIcon size={16} />
189+
<span>Extras</span>
190+
</span>
191+
181192
<CaretDownIcon
182193
size={20}
183-
className={`transition-transform ${isWorldBuildingOpen ? 'transform rotate-180' : ''}`}
194+
className={`transition-transform ${isExtrasOpen ? 'transform rotate-180' : ''}`}
184195
/>
185196
</button>
186-
{isWorldBuildingOpen && (
197+
{isExtrasOpen && (
187198
<nav className="space-y-2 border-l-2 border-gray-700 ml-3 pl-3">
188199
<NavLink to="/dnd" className={getLinkClass}>
189200
<SwordIcon size={24} />
@@ -199,8 +210,8 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
199210
className={`flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${isGamesOpen ? 'text-gray-100' : 'text-gray-100'}`}
200211
>
201212
<span className="flex items-center gap-2 font-sans text-white">
213+
<JoystickIcon size={16} />
202214
<span>Games</span>
203-
<ArrowSquareOutIcon size={16} />
204215
</span>
205216
<CaretDownIcon
206217
size={20}
@@ -240,8 +251,8 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
240251
className={`flex items-center justify-between w-full text-sm font-normal uppercase tracking-wider mb-4 focus:outline-none ${isExternalLinksOpen ? 'text-gray-100' : 'text-gray-100'}`}
241252
>
242253
<span className="flex items-center gap-2 font-sans text-white">
254+
<AnchorIcon size={16} />
243255
<span>External Links</span>
244-
<ArrowSquareOutIcon size={16} />
245256
</span>
246257

247258
<CaretDownIcon

‎src/pages/BlogPage.js‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,8 @@ const BlogPage = () => {
2727
series: {
2828
slug: item.slug,
2929
title: item.title,
30+
date: item.date,
31+
updated: item.updated,
3032
},
3133
});
3234
});
@@ -44,6 +46,8 @@ const BlogPage = () => {
4446
seriesMap.set(post.series.slug, {
4547
title: post.series.title,
4648
slug: post.series.slug,
49+
date: post.series.date,
50+
updated: post.series.updated,
4751
isSeries: true,
4852
posts: []
4953
});
@@ -208,7 +212,8 @@ const BlogPage = () => {
208212
key={item.slug}
209213
slug={`series/${item.slug}`}
210214
title={item.title}
211-
date={item.posts[item.posts.length - 1].date} // Date of the latest post in the series
215+
date={item.date} // Date of the series
216+
updatedDate={item.updated} // Updated date of the series
212217
category="series"
213218
isSeries={true}
214219
/>

‎src/pages/HomePage.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
33
import PostItem from '../components/PostItem';
44
import ProjectCard from '../components/ProjectCard';
55
import { useProjects } from '../utils/projectParser';
6-
import { PushPin, Book, ArrowRight } from '@phosphor-icons/react';
6+
import { PushPin, BookBookmarkIcon, ArrowRight } from '@phosphor-icons/react';
77

88
import usePageTitle from '../utils/usePageTitle';
99

@@ -166,7 +166,7 @@ const HomePage = () => {
166166

167167
<div className="mt-8">
168168
<h2 className="text-2xl tracking-tight text-white text-center flex items-center justify-center gap-2 font-arvo">
169-
<Book className="text-primary-400 text-lg" /> Recent Blog Posts
169+
<BookBookmarkIcon className="text-primary-400 text-lg" /> Recent Blog Posts
170170
</h2>
171171
<div className="mt-8">
172172
{posts.slice(0, 5).map((item) => (

0 commit comments

Comments
 (0)