diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 11:03:34 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 11:03:34 +0700 |
| commit | f66b12fd1d0b83af0d7230d7b1565fbe00afbe3c (patch) | |
| tree | 253dcf854a3c92e09ca846e86a09e5b4c5d16be1 /src/lib/variant/components/VariantGroupCard.jsx | |
| parent | 3c559031623649a67825ff47f34512f0eb946861 (diff) | |
prettier
Diffstat (limited to 'src/lib/variant/components/VariantGroupCard.jsx')
| -rw-r--r-- | src/lib/variant/components/VariantGroupCard.jsx | 35 |
1 files changed, 14 insertions, 21 deletions
diff --git a/src/lib/variant/components/VariantGroupCard.jsx b/src/lib/variant/components/VariantGroupCard.jsx index fd4f9b4d..8cb1eec4 100644 --- a/src/lib/variant/components/VariantGroupCard.jsx +++ b/src/lib/variant/components/VariantGroupCard.jsx @@ -1,33 +1,26 @@ -import { useState } from "react" -import VariantCard from "./VariantCard" +import { useState } from 'react' +import VariantCard from './VariantCard' -const VariantGroupCard = ({ - variants, - ...props -}) => { - const [ showAll, setShowAll ] = useState(false) +const VariantGroupCard = ({ variants, ...props }) => { + const [showAll, setShowAll] = useState(false) const variantsToShow = showAll ? variants : variants.slice(0, 2) return ( <> - { variantsToShow?.map((variant, index) => ( - <VariantCard - key={index} - product={variant} - {...props} - /> - )) } - { variants.length > 2 && ( - <button - type="button" - className="btn-light py-2 w-full" + {variantsToShow?.map((variant, index) => ( + <VariantCard key={index} product={variant} {...props} /> + ))} + {variants.length > 2 && ( + <button + type='button' + className='btn-light py-2 w-full' onClick={() => setShowAll(!showAll)} > - { !showAll ? `Lihat Semua +${variants.length - variantsToShow.length}` : 'Tutup' } + {!showAll ? `Lihat Semua +${variants.length - variantsToShow.length}` : 'Tutup'} </button> - ) } + )} </> ) } -export default VariantGroupCard
\ No newline at end of file +export default VariantGroupCard |
