Update to @tabler/icons 3.1.0, use filled for active state
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
@ -39,7 +39,7 @@ const GroupListItem = (props: IGroupListItem) => {
|
||||
<HStack className='text-gray-700 dark:text-gray-600' space={1} alignItems='center'>
|
||||
<Icon
|
||||
className='h-4.5 w-4.5'
|
||||
src={group.locked ? require('@tabler/icons/lock.svg') : require('@tabler/icons/world.svg')}
|
||||
src={group.locked ? require('@tabler/icons/outline/lock.svg') : require('@tabler/icons/outline/world.svg')}
|
||||
/>
|
||||
|
||||
<Text theme='inherit' tag='span' size='sm' weight='medium'>
|
||||
|
||||
@ -20,7 +20,7 @@ const LayoutButtons = ({ layout, onSelect }: ILayoutButtons) => (
|
||||
onClick={() => onSelect(GroupLayout.LIST)}
|
||||
>
|
||||
<Icon
|
||||
src={require('@tabler/icons/layout-list.svg')}
|
||||
src={require('@tabler/icons/outline/layout-list.svg')}
|
||||
className={
|
||||
clsx('h-5 w-5 text-gray-600', {
|
||||
'text-primary-600': layout === GroupLayout.LIST,
|
||||
@ -34,7 +34,7 @@ const LayoutButtons = ({ layout, onSelect }: ILayoutButtons) => (
|
||||
onClick={() => onSelect(GroupLayout.GRID)}
|
||||
>
|
||||
<Icon
|
||||
src={require('@tabler/icons/layout-grid.svg')}
|
||||
src={require('@tabler/icons/outline/layout-grid.svg')}
|
||||
className={
|
||||
clsx('h-5 w-5 text-gray-600', {
|
||||
'text-primary-600': layout === GroupLayout.GRID,
|
||||
|
||||
@ -62,7 +62,7 @@ export default (props: Props) => {
|
||||
<HStack alignItems='center' space={2}>
|
||||
<div className='flex h-10 w-10 items-center justify-center rounded-full bg-gray-200 p-2 dark:bg-gray-800 dark:group-hover:bg-gray-700/20'>
|
||||
<Icon
|
||||
src={require('@tabler/icons/search.svg')}
|
||||
src={require('@tabler/icons/outline/search.svg')}
|
||||
className='h-5 w-5 text-gray-600'
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -36,7 +36,7 @@ const Discover: React.FC = () => {
|
||||
<HStack alignItems='center'>
|
||||
{isSearching ? (
|
||||
<IconButton
|
||||
src={require('@tabler/icons/arrow-left.svg')}
|
||||
src={require('@tabler/icons/outline/arrow-left.svg')}
|
||||
iconClassName='mr-2 h-5 w-5 fill-current text-gray-600 rtl:rotate-180'
|
||||
onClick={cancelSearch}
|
||||
data-testid='group-search-icon'
|
||||
@ -55,7 +55,7 @@ const Discover: React.FC = () => {
|
||||
append={
|
||||
<button onClick={clearValue}>
|
||||
<Icon
|
||||
src={hasSearchValue ? require('@tabler/icons/x.svg') : require('@tabler/icons/search.svg')}
|
||||
src={hasSearchValue ? require('@tabler/icons/outline/x.svg') : require('@tabler/icons/outline/search.svg')}
|
||||
className='h-4 w-4 text-gray-700 dark:text-gray-600'
|
||||
aria-hidden='true'
|
||||
/>
|
||||
|
||||
@ -79,7 +79,7 @@ const Groups: React.FC = () => {
|
||||
{canCreateGroup && (
|
||||
<Button
|
||||
className='xl:hidden'
|
||||
icon={require('@tabler/icons/circles.svg')}
|
||||
icon={require('@tabler/icons/outline/circles.svg')}
|
||||
onClick={createGroup}
|
||||
theme='secondary'
|
||||
block
|
||||
|
||||
@ -65,7 +65,7 @@ const Tag: React.FC<ITag> = (props) => {
|
||||
<HStack alignItems='center'>
|
||||
<button onClick={() => setLayout(Layout.LIST)}>
|
||||
<Icon
|
||||
src={require('@tabler/icons/layout-list.svg')}
|
||||
src={require('@tabler/icons/outline/layout-list.svg')}
|
||||
className={
|
||||
clsx('h-5 w-5 text-gray-600', {
|
||||
'text-primary-600': layout === Layout.LIST,
|
||||
@ -76,7 +76,7 @@ const Tag: React.FC<ITag> = (props) => {
|
||||
|
||||
<button onClick={() => setLayout(Layout.GRID)}>
|
||||
<Icon
|
||||
src={require('@tabler/icons/layout-grid.svg')}
|
||||
src={require('@tabler/icons/outline/layout-grid.svg')}
|
||||
className={
|
||||
clsx('h-5 w-5 text-gray-600', {
|
||||
'text-primary-600': layout === Layout.GRID,
|
||||
|
||||
Reference in New Issue
Block a user