Refactor Projects component to use custom Button component for loading more projects

This commit is contained in:
암냥 2026-03-26 21:41:29 +09:00
commit 44fa39d3dc
No known key found for this signature in database

View file

@ -1,6 +1,7 @@
"use client";
import { SquareArrowOutUpRight } from 'lucide-react';
import React from 'react';
import { Button } from './ui/button';
const projects = [
{
@ -66,12 +67,12 @@ export default function Projects() {
))}
</div>
{visibleCount < projects.length && (
<button
<Button
onClick={() => setVisibleCount(visibleCount + 3)}
className="mt-6 px-4 py-2 bg-muted text-muted-foreground rounded font-medium text-sm hover:bg-muted/80"
className="mt-6 bg-muted text-muted-foreground rounded font-medium text-sm hover:bg-muted/80"
>
</button>
</Button>
)}
</section>
);