Start organizational migration

2026-02-05 18:21:56 -07:00
parent 69074b23f3
commit db3c0274f6
161 changed files with 145 additions and 145 deletions
@@ -0,0 +1,45 @@
+"use client";
+
+import { memo } from "react";
+import { getAssetPath } from "../../../lib/assetUtils";
+
+interface SectionNumberProps {
+  number: number;
+}
+
+const SectionNumber = memo<SectionNumberProps>(({ number }) => {
+  const getImageSrc = (num: number): string => {
+    const assetPath = (() => {
+      switch (num) {
+        case 1:
+          return "assets/SectionNumber_1.png";
+        case 2:
+          return "assets/SectionNumber_2.png";
+        case 3:
+          return "assets/SectionNumber_3.png";
+        default:
+          return "assets/SectionNumber_1.png";
+      }
+    })();
+    return getAssetPath(assetPath);
+  };
+
+  return (
+    <div className="relative size-[40px] overflow-visible -rotate-[15deg]">
+      <img
+        src={getImageSrc(number)}
+        alt={`Section ${number}`}
+        className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 size-[47.37px] max-w-none"
+      />
+      <div className="absolute inset-0 flex items-center justify-center">
+        <span className="text-[var(--font-size-body-small)] font-[var(--font-weight-bold)] text-[var(--color-content-inverse-primary)]">
+          {number}
+        </span>
+      </div>
+    </div>
+  );
+});
+
+SectionNumber.displayName = "SectionNumber";
+
+export default SectionNumber;