ScrollTopButton: swap out legacy Icon for UI Icon

This commit is contained in:
Alex Gleason 2023-10-02 11:23:04 -05:00
parent 264082b434
commit 4e26adb789
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7

View file

@ -3,8 +3,7 @@ import throttle from 'lodash/throttle';
import React, { useState, useEffect, useCallback } from 'react';
import { useIntl, MessageDescriptor } from 'react-intl';
import Icon from 'soapbox/components/icon';
import { Text } from 'soapbox/components/ui';
import { Icon, Text } from 'soapbox/components/ui';
import { useSettings } from 'soapbox/hooks';
interface IScrollTopButton {
@ -87,7 +86,10 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
className='flex cursor-pointer items-center space-x-1.5 whitespace-nowrap rounded-full bg-primary-600 px-4 py-2 text-white transition-transform hover:scale-105 hover:bg-primary-700 active:scale-100'
onClick={handleClick}
>
<Icon src={require('@tabler/icons/arrow-bar-to-up.svg')} />
<Icon
className='h-4 w-4'
src={require('@tabler/icons/arrow-bar-to-up.svg')}
/>
{(count > 0) && (
<Text theme='inherit' size='sm'>