update ui-components

Author: avivkeller

apps/site/components/withNodejsLogo.tsx

@@ -9,7 +9,7 @@ const WithNodejsLogo: FC = () => {
   return (
     <NodejsLogo
       variant={siteConfig.logoVariant}
-      ariaLabel={t('layouts.logo')}
+      aria-label={t('layouts.logo')}
     />
   );
 };

packages/ui-components/__design__/node-logos.stories.tsx

@@ -2,20 +2,18 @@ import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
 import { JsWhite, Nodejs } from '#ui/Icons/Logos';
 
-export const HorizontalLogo: StoryObj = {
-  render: () => <Nodejs width={267} height={80} />,
-};
-
-export const PrideLogo: StoryObj = {
-  render: () => <Nodejs variant="pride" width={267} height={80} />,
-};
-
-export const JSSymbols: StoryObj = {
+export const NodejsLogos: StoryObj = {
   render: () => (
-    <div className="flex flex-row gap-4">
-      <JsWhite width={30} height={30} />
+    <div className="flex flex-col gap-6">
+      {(['default', 'pride'] as const).map(variant => (
+        <Nodejs key={variant} width={267} height={80} variant={variant} />
+      ))}
+      <div className="flex flex-row gap-4">
+        <JsWhite width={30} height={30} />
+      </div>
     </div>
   ),
+  name: 'Node.js Logos',
 };
 
 export default { title: 'Design System' } as MetaObj;

packages/ui-components/src/Common/NodejsLogo/index.tsx

@@ -1,26 +1,11 @@
 import type { FC } from 'react';
 
-import NodejsIcon from '#ui/Icons/Logos/Nodejs';
-import type { LogoVariant } from '#ui/types';
+import NodejsIcon, { type NodeJsLogoProps } from '#ui/Icons/Logos/Nodejs';
 
 import style from './index.module.css';
 
-type NodejsLogoProps = {
-  variant?: LogoVariant;
-  ariaLabel?: string;
-};
-
-const NodejsLogo: FC<NodejsLogoProps> = ({
-  variant = 'default',
-  ariaLabel,
-}) => {
-  return (
-    <NodejsIcon
-      variant={variant}
-      className={style.nodejsLogo}
-      ariaLabel={ariaLabel}
-    />
-  );
+const NodejsLogo: FC<NodeJsLogoProps> = props => {
+  return <NodejsIcon className={style.nodejsLogo} {...props} />;
 };
 
 export default NodejsLogo;