sidebar stuff

fezcode · fezcode · commit d63b03e5bbec · 2025-10-24T06:08:40.000+03:00
diff --git a/public/posts/posts.json b/public/posts/posts.json
@@ -148,6 +148,7 @@
         {
           "slug": "gemini-explains-how-image-modal-works",
           "title": "Gemini 2.5 Flash Explains me How Image Modal Works",
+          "filename": "gemini-explains-how-image-modal-works.txt",
           "description": "Gemini 2.5 Flash Explains me How Image Modal Works",
           "tags": [
             "react",
@@ -159,8 +160,7 @@
             "gemini-2.5-flash"
           ],
           "date": "2024-01-05",
-          "category": "dev",
-          "filename": "gemini-react-components.txt"
+          "category": "dev"
         }
       ]
     }
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -17,7 +17,7 @@ import {
   GlobeSimpleIcon,
   SwordIcon,
   AlienIcon,
-  AnchorIcon, JoystickIcon, BooksIcon, AsteriskSimpleIcon
+  AnchorIcon, JoystickIcon, BooksIcon, AsteriskSimpleIcon, LinkIcon, ArrowSquareOutIcon
 } from '@phosphor-icons/react';
 
 import Fez from './Fez';
@@ -110,8 +110,8 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
                 isMainActive ? 'text-red-400' : 'text-gray-100'
               }`}
             >
-              <span className="flex items-center gap-2 font-sans text-white">
-                <AsteriskSimpleIcon  size={16} />
+              <span className={`flex items-center gap-2 font-sans ${isMainActive ? 'text-rose-400' : 'text-white'}`}>
+                <AsteriskSimpleIcon size={16} />
                 <span>Main</span>
               </span>
 
@@ -145,7 +145,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
                 isContentActive ? 'text-red-400' : 'text-gray-100'
               }`}
             >
-              <span className="flex items-center gap-2 font-sans text-white">
+               <span className={`flex items-center gap-2 font-sans ${isContentActive ? 'text-rose-400' : 'text-white'}`}>
                 <BooksIcon size={16} />
                 <span>Content</span>
               </span>
@@ -187,6 +187,8 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
               <span className="flex items-center gap-2 font-sans text-white">
                 <AlienIcon size={16} />
                 <span>Extras</span>
+                <LinkIcon size={16} className="text-emerald-200"/>
+
               </span>
 
               <CaretDownIcon
@@ -212,6 +214,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
               <span className="flex items-center gap-2 font-sans text-white">
                 <JoystickIcon size={16} />
                 <span>Games</span>
+                <ArrowSquareOutIcon size={16} className="text-emerald-200"/>
               </span>
               <CaretDownIcon
                 size={20}
@@ -253,6 +256,7 @@ const Sidebar = ({ isOpen, toggleSidebar }) => {
               <span className="flex items-center gap-2 font-sans text-white">
                 <AnchorIcon size={16} />
                 <span>External Links</span>
+                <ArrowSquareOutIcon size={16} className="text-emerald-200"/>
               </span>
 
               <CaretDownIcon

Original file line number	Diff line number	Diff line change
`@@ -148,6 +148,7 @@`
`148`	`148`	`{`
`149`	`149`	`"slug": "gemini-explains-how-image-modal-works",`
`150`	`150`	`"title": "Gemini 2.5 Flash Explains me How Image Modal Works",`
	`151`	`+ "filename": "gemini-explains-how-image-modal-works.txt",`
`151`	`152`	`"description": "Gemini 2.5 Flash Explains me How Image Modal Works",`
`152`	`153`	`"tags": [`
`153`	`154`	`"react",`
`@@ -159,8 +160,7 @@`
`159`	`160`	`"gemini-2.5-flash"`
`160`	`161`	`],`
`161`	`162`	`"date": "2024-01-05",`
`162`		`- "category": "dev",`
`163`		`- "filename": "gemini-react-components.txt"`
	`163`	`+ "category": "dev"`
`164`	`164`	`}`
`165`	`165`	`]`
`166`	`166`	`}`