✨ feat: add scroll button and card skeleton loading

2026-03-15 22:23:41 +07:00
parent 97ef74e0f7
commit 74ad82c4f0
6 changed files with 74 additions and 18 deletions
--- a/features/home/sections/Recommendation/components/ScrollingButton.tsx
+++ b/features/home/sections/Recommendation/components/ScrollingButton.tsx
@ -1,16 +1,21 @@
 import { Button } from "@/shared/libs/shadcn/ui/button";
 import { ButtonGroup } from "@/shared/libs/shadcn/ui/button-group";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import React from "react";

-const ScrollingButton = () => {
+const ScrollingButton = ({
+  scrollLeft,
+  scrollRight,
+}: {
+  scrollLeft: () => void;
+  scrollRight: () => void;
+}) => {
  return (
    <div>
      <ButtonGroup>
-        <Button variant="outline">
+        <Button variant="outline" onClick={scrollLeft}>
          <ArrowLeft />
        </Button>
-        <Button variant="outline">
+        <Button variant="outline" onClick={scrollRight}>
          <ArrowRight />
        </Button>
      </ButtonGroup>