chore: revert downloadbutton

Author: canerakdas

apps/site/components/Downloads/DownloadButton/index.module.css

@@ -0,0 +1,19 @@
+@reference "../../../styles/index.css";
+
+.downloadButton {
+  @apply justify-center;
+
+  &.primary {
+    @apply inline-flex
+      dark:hidden;
+  }
+
+  &.special {
+    @apply hidden
+      dark:inline-flex;
+  }
+
+  svg {
+    @apply dark:opacity-50;
+  }
+}

apps/site/components/Downloads/DownloadButton/index.tsx

@@ -0,0 +1,51 @@
+'use client';
+
+import { CloudArrowDownIcon } from '@heroicons/react/24/outline';
+import classNames from 'classnames';
+import type { FC, PropsWithChildren } from 'react';
+
+import Button from '#site/components/Common/Button';
+import { useClientContext } from '#site/hooks';
+import type { NodeRelease } from '#site/types';
+import { getNodeDownloadUrl } from '#site/util/url';
+import { getUserPlatform } from '#site/util/userAgent';
+
+import styles from './index.module.css';
+
+type DownloadButtonProps = { release: NodeRelease };
+
+const DownloadButton: FC<PropsWithChildren<DownloadButtonProps>> = ({
+  release: { versionWithPrefix: version },
+  children,
+}) => {
+  const { os, bitness, architecture } = useClientContext();
+
+  const platform = getUserPlatform(architecture, bitness);
+  const downloadLink = getNodeDownloadUrl({ version, os, platform });
+
+  return (
+    <>
+      <Button
+        kind="special"
+        href={downloadLink}
+        className={classNames(styles.downloadButton, styles.special)}
+      >
+        {children}
+
+        <CloudArrowDownIcon />
+      </Button>
+
+      <Button
+        kind="primary"
+        href={downloadLink}
+        className={classNames(styles.downloadButton, styles.primary)}
+      >
+        {children}
+
+        <CloudArrowDownIcon />
+      </Button>
+    </>
+  );
+};
+
+export default DownloadButton;