refactor: group project/ui components into subdirectories

2026-05-13 09:40:00 +03:00
parent e518fc46a9
commit 9cf8caaead
11 changed files with 5 additions and 4 deletions
@@ -0,0 +1,46 @@
+import { cn } from '$shared/lib';
+
+type Props = {
+  /**
+   * Project year
+   */
+  year: string;
+  /**
+   * Developer role on the project
+   */
+  role: string;
+  /**
+   * Technology stack list
+   */
+  stack: string[];
+  /**
+   * Additional CSS classes
+   */
+  className?: string;
+};
+
+/**
+ * Sidebar metadata display for a project: year, role, and stack.
+ */
+export function ProjectMetadata({ year, role, stack, className }: Props) {
+  return (
+    <div className={cn('space-y-6', className)}>
+      <div>
+        <p className="text-xs uppercase tracking-wider opacity-60">YEAR</p>
+        <p className="text-base font-bold">{year}</p>
+      </div>
+      <div className="brutal-border-top pt-6">
+        <p className="text-xs uppercase tracking-wider opacity-60">ROLE</p>
+        <p className="text-base font-bold">{role}</p>
+      </div>
+      <div className="brutal-border-top pt-6">
+        <p className="text-xs uppercase tracking-wider opacity-60">STACK</p>
+        {stack.map((tech) => (
+          <p key={tech} className="text-sm">
+            {tech}
+          </p>
+        ))}
+      </div>
+    </div>
+  );
+}