feat: IBM AIX Icon added (#7356)

* feat: AIX icon added * chore: AIX naming * chore: AIX naming
nodejs · Dec 25, 2024 · 077e07e · 077e07e
1 parent d252e0b
commit 077e07e
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 2 deletions.
diff --git a/apps/site/components/Common/Select/index.stories.tsx b/apps/site/components/Common/Select/index.stories.tsx
@@ -1,6 +1,7 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
 import Select from '@/components/Common/Select';
+import AIX from '@/components/Icons/Platform/AIX';
 import Apple from '@/components/Icons/Platform/Apple';
 import Linux from '@/components/Icons/Platform/Linux';
 import Microsoft from '@/components/Icons/Platform/Microsoft';
@@ -90,6 +91,11 @@ export const InlineSelect: Story = {
             label: 'Windows',
             iconImage: <Microsoft width={16} height={16} />,
           },
+          {
+            value: 'aix',
+            label: 'AIX',
+            iconImage: <AIX width={16} height={16} />,
+          },
         ],
       },
     ],

diff --git a/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx b/apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx
@@ -5,8 +5,8 @@ import { useContext, useEffect } from 'react';
 import type { FC } from 'react';
 
 import Select from '@/components/Common/Select';
+import AIX from '@/components/Icons/Platform/AIX';
 import Apple from '@/components/Icons/Platform/Apple';
-import Aix from '@/components/Icons/Platform/Generic';
 import Linux from '@/components/Icons/Platform/Linux';
 import Microsoft from '@/components/Icons/Platform/Microsoft';
 import { useClientContext } from '@/hooks';
@@ -56,7 +56,7 @@ const OperatingSystemDropdown: FC<OperatingSystemDropdownProps> = ({
           WIN: <Microsoft width={16} height={16} />,
           MAC: <Apple width={16} height={16} />,
           LINUX: <Linux width={16} height={16} />,
-          AIX: <Aix width={16} height={16} />,
+          AIX: <AIX width={16} height={16} />,
         },
       })}
       defaultValue={os}

diff --git a/apps/site/components/Icons/Platform/AIX.tsx b/apps/site/components/Icons/Platform/AIX.tsx
@@ -0,0 +1,46 @@
+import type { FC, SVGProps } from 'react';
+
+const AIX: FC<SVGProps<SVGSVGElement>> = props => (
+  <svg
+    width={32}
+    height={32}
+    viewBox="0 0 1341.9 1341.9"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g>
+      <path
+        transform="matrix(133.33 0 0 -133.33 1266.2 670.93)"
+        d="m0 0c0-2.466-1.998-4.465-4.465-4.465-2.465 0-4.466 1.999-4.466 4.465 0 2.467 2.001 4.465 4.466 4.465 2.467 0 4.465-1.998 4.465-4.465"
+        fill="#80cc28"
+      />
+      <path
+        transform="matrix(133.33 0 0 -133.33 1328.1 670.93)"
+        d="m0 0h-0.103c0-1.333-0.54-2.539-1.413-3.413-0.874-0.873-2.08-1.413-3.412-1.413-1.335 0-2.539 0.54-3.414 1.413-0.874 0.874-1.414 2.08-1.414 3.413s0.54 2.539 1.414 3.413c0.875 0.873 2.079 1.413 3.414 1.413 1.332 0 2.538-0.54 3.412-1.413 0.873-0.874 1.413-2.08 1.413-3.413h0.206c0 2.779-2.253 5.032-5.031 5.032-2.78 0-5.033-2.253-5.033-5.032s2.253-5.032 5.033-5.032c2.778 0 5.031 2.253 5.031 5.032h-0.103"
+        fill="#4d7ec9"
+      />
+      <path
+        transform="matrix(133.33 0 0 -133.33 389.19 556.69)"
+        d="m0 0-5e-3 -0.016-0.347-0.904h0.7zm0.776-2.024-0.267 0.681h-1.035l-0.265-0.678-0.526-3e-3 1.11 2.677h0.465l1.066-2.677z"
+        fill="#fff"
+      />
+      <path
+        transform="matrix(133.33 0 0 -133.33 -63646 63635)"
+        d="m481.83 473.74h0.49v-2.679h-0.49z"
+        fill="#fff"
+      />
+      <path
+        transform="matrix(133.33 0 0 -133.33 974.08 826.65)"
+        d="m0 0-0.721 1.014-0.76-1.014h-0.603l1.061 1.383-0.987 1.296h0.608l0.696-0.936 0.693 0.936h0.592l-0.983-1.3 1.015-1.379z"
+        fill="#fff"
+      />
+      <path
+        transform="matrix(133.33 0 0 -133.33 1120.2 787.65)"
+        d="m0 0c0.037 0 0.07 2e-3 0.07 0.047 0 0.035-0.031 0.042-0.062 0.042h-0.059v-0.089zm-0.051-0.162h-0.045v0.288h0.11c0.068 0 0.102-0.025 0.102-0.082 0-0.052-0.033-0.074-0.074-0.079l0.082-0.127h-0.049l-0.077 0.125h-0.049zm0.052-0.064c0.114 0 0.202 0.088 0.202 0.209 0 0.118-0.088 0.207-0.202 0.207s-0.204-0.089-0.204-0.207c0-0.121 0.09-0.209 0.204-0.209m-0.253 0.209c0 0.143 0.116 0.249 0.253 0.249s0.253-0.106 0.253-0.249c0-0.145-0.116-0.251-0.253-0.251s-0.253 0.106-0.253 0.251"
+        fill="#fff"
+      />
+    </g>
+  </svg>
+);
+
+export default AIX;
diff --git a/apps/site/components/__design__/platform-logos.stories.tsx b/apps/site/components/__design__/platform-logos.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
+import AIX from '@/components/Icons/Platform/AIX';
 import Apple from '@/components/Icons/Platform/Apple';
 import Choco from '@/components/Icons/Platform/Choco';
 import Docker from '@/components/Icons/Platform/Docker';
@@ -16,6 +17,7 @@ export const PlatformLogos: StoryObj = {
         <Apple width={64} height={64} />
         <Linux width={64} height={64} />
         <Microsoft width={64} height={64} />
+        <AIX width={64} height={64} />
       </div>
       <div className="flex flex-col items-center gap-4">
         <Docker width={64} height={64} />