Replace Icons with heroicons (#1066)

* replace icons with heroicons

* prettier

* update chevron direction
This commit is contained in:
Stephanie Dietz
2023-07-10 15:26:42 -05:00
committed by GitHub
parent 85c2ebdbc0
commit 25c91dc590
14 changed files with 15 additions and 126 deletions

View File

@@ -2,9 +2,9 @@
import { useState } from 'react';
import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
import clsx from 'clsx';
import { GridTileImage } from 'components/grid/tile';
import ArrowLeftIcon from 'components/icons/arrow-left';
export function Gallery({
title,
@@ -57,14 +57,14 @@ export function Gallery({
className={clsx(buttonClassName, 'border-r border-white dark:border-black')}
onClick={() => handleNavigate('previous')}
>
<ArrowLeftIcon className="h-6" />
<ChevronLeftIcon className="h-6" />
</button>
<button
aria-label="Next product image"
className={clsx(buttonClassName)}
onClick={() => handleNavigate('next')}
>
<ArrowLeftIcon className="h-6 rotate-180" />
<ChevronRightIcon className="h-6" />
</button>
</div>
) : null}