feat: add News icon and update Filters component to conditionally render tags

Author: agjs

CHANGELOG.md

@@ -2,10 +2,10 @@
 
 ## [1.19.0](https://github.com/Programmer-Network/yail/compare/yail-v1.18.0...yail-v1.19.0) (2025-12-02)
 
-
 ### Features
 
-* add callout functionality and draggable support to Tiptap editor ([bd8ae67](https://github.com/Programmer-Network/yail/commit/bd8ae671816816f7eb12c96c65c12243fa608613))
+- add callout functionality and draggable support to Tiptap editor
+  ([bd8ae67](https://github.com/Programmer-Network/yail/commit/bd8ae671816816f7eb12c96c65c12243fa608613))
 
 ## [1.18.0](https://github.com/Programmer-Network/yail/compare/yail-v1.17.0...yail-v1.18.0) (2025-12-01)
 

assets/icons/news.svg

@@ -99,7 +99,7 @@ const Filters: FC<IFiltersProps> = ({
           )}
         </div>
       </div>
-      {showFilters && (
+      {showFilters && tags && (
         <div className='yl:mt-2 yl:flex yl:flex-wrap yl:items-start yl:gap-2'>
           {tags && tags?.options?.length > 0 && (
             <Select

src/Components/Filters/Filters.tsx

@@ -9,7 +9,7 @@ export interface IFiltersProps {
     value: string;
     onChange: (value: string) => void;
   };
-  tags: {
+  tags?: {
     selected: string[];
     onChange: (options: string[]) => void;
     options: { value: string; label: string }[];
@@ -18,7 +18,7 @@ export interface IFiltersProps {
     value: ViewType;
     onChange: (view: ViewType) => void;
   };
-  sorting: {
+  sorting?: {
     value: string;
     onChange: (value: string) => void;
     options: { value: string; label: string }[];

src/Components/Filters/types.ts

@@ -0,0 +1,12 @@
+import type { SVGProps } from "react";
+
+const SvgNews = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' {...props}>
+    <path
+      fill='none'
+      d='M42.432 6.609c-.668-3.172-3.492-5.262-6.706-5.1-3.061.154-7.83.51-14.531 1.324-6.7.813-11.415 1.609-14.423 2.191-3.161.613-5.394 3.322-5.267 6.562.043 1.104.116 2.431.232 3.991.897-3.447 3.904-5.875 7.465-6.121C12.329 9.239 17.485 9 25 9s12.671.24 15.798.456a8.5 8.5 0 0 1 2.279.476q-.346-1.92-.645-3.323M25 46.5c-7.462 0-12.56-.238-15.626-.45-2.82-.195-5.1-2.306-5.38-5.174C3.747 38.351 3.5 34.459 3.5 29s.247-9.351.494-11.876c.28-2.868 2.56-4.98 5.38-5.174 3.065-.212 8.164-.45 15.626-.45s12.56.238 15.626.45c2.82.195 5.1 2.306 5.38 5.174.247 2.525.494 6.417.494 11.876s-.247 9.351-.494 11.876c-.28 2.868-2.56 4.98-5.38 5.174-3.065.212-8.164.45-15.626.45m-14-28a1.5 1.5 0 0 0 0 3h8a1.5 1.5 0 0 0 0-3zm0 12a1.5 1.5 0 0 0 0 3h8a1.5 1.5 0 0 0 0-3zM9.5 38a1.5 1.5 0 0 1 1.5-1.5h28a1.5 1.5 0 0 1 0 3H11A1.5 1.5 0 0 1 9.5 38M11 24.5a1.5 1.5 0 0 0 0 3h8a1.5 1.5 0 0 0 0-3zm21 9c-1.98 0-3.487-.06-4.568-.13a2.966 2.966 0 0 1-2.803-2.802A72 72 0 0 1 24.5 26c0-1.98.06-3.487.13-4.568a2.966 2.966 0 0 1 2.802-2.803c1.081-.07 2.587-.129 4.568-.129s3.487.06 4.568.13a2.966 2.966 0 0 1 2.803 2.802c.07 1.081.129 2.587.129 4.568s-.06 3.487-.13 4.568a2.966 2.966 0 0 1-2.802 2.803c-1.081.07-2.587.129-4.568.129'
+      clipRule='evenodd'
+    />
+  </svg>
+);
+export default SvgNews;

src/Components/Icons/News.tsx

@@ -905,6 +905,7 @@ export { default as NesOutline } from "./NesOutline";
 export { default as NesSolid } from "./NesSolid";
 export { default as NetlifyOutline } from "./NetlifyOutline";
 export { default as NetlifySolid } from "./NetlifySolid";
+export { default as News } from "./News";
 export { default as NextCircleOutline } from "./NextCircleOutline";
 export { default as NextCircleSolid } from "./NextCircleSolid";
 export { default as NextOutline } from "./NextOutline";