imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

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

Browse source
This commit is contained in:
암냥 2026-03-26 21:41:29 +09:00
commit 44fa39d3dc
No known key found for this signature in database
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Projects.tsx
View file

@ -1,6 +1,7 @@
"use client"; "use client";
import { SquareArrowOutUpRight } from 'lucide-react'; import { SquareArrowOutUpRight } from 'lucide-react';
import React from 'react'; import React from 'react';
import { Button } from './ui/button';
const projects = [ const projects = [
{ {
@ -66,12 +67,12 @@ export default function Projects() {
))} ))}
</div> </div>
{visibleCount < projects.length && ( {visibleCount < projects.length && (
<button <Button
onClick={() => setVisibleCount(visibleCount + 3)} 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> </section>
); );