Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: 💄 update lots of icons

Browse Source
This commit is contained in:
Josh Corbett
2024-01-17 21:08:38 -07:00
committed by psychedelicious
parent aa25ea62a5
commit 2967a78c5a
30 changed files with 81 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
invokeai/frontend/web/src/common/components/IAIDndImage.tsx
View File

@ -22,16 +22,16 @@ import type {
SyntheticEvent,
} from 'react';
import { memo, useCallback, useMemo, useState } from 'react';
import { FaImage, FaUpload } from 'react-icons/fa';
import { PiImageBold, PiUploadSimpleBold } from 'react-icons/pi'
import type { ImageDTO, PostUploadAction } from 'services/api/types';
import IAIDraggable from './IAIDraggable';
import IAIDroppable from './IAIDroppable';
import SelectionOverlay from './SelectionOverlay';
const defaultUploadElement = <Icon as={FaUpload} boxSize={16} />;
const defaultUploadElement = <Icon as={PiUploadSimpleBold} boxSize={16} />;
const defaultNoContentFallback = <IAINoContentFallback icon={FaImage} />;
const defaultNoContentFallback = <IAINoContentFallback icon={PiImageBold} />;
type IAIDndImageProps = FlexProps & {
imageDTO: ImageDTO | undefined;

4
invokeai/frontend/web/src/common/components/IAIImageFallback.tsx
View File

@ -1,7 +1,7 @@
import type { As, FlexProps, StyleProps } from '@chakra-ui/react';
import { Flex, Icon, Skeleton, Spinner } from '@chakra-ui/react';
import { memo, useMemo } from 'react';
import { FaImage } from 'react-icons/fa';
import { PiImageBold } from 'react-icons/pi'
import type { ImageDTO } from 'services/api/types';
import { InvText } from './InvText/wrapper';
@ -43,7 +43,7 @@ type IAINoImageFallbackProps = FlexProps & {
};
export const IAINoContentFallback = memo((props: IAINoImageFallbackProps) => {
const { icon = FaImage, boxSize = 16, sx, ...rest } = props;
const { icon = PiImageBold, boxSize = 16, sx, ...rest } = props;
const styles = useMemo(
() => ({

4
invokeai/frontend/web/src/common/components/IAIInformationalPopover/IAIInformationalPopover.tsx
View File

@ -14,7 +14,7 @@ import { merge, omit } from 'lodash-es';
import type { ReactElement } from 'react';
import { memo, useCallback, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
import { FaExternalLinkAlt } from 'react-icons/fa';
import { PiArrowSquareOutBold } from 'react-icons/pi';
import type { Feature, PopoverData } from './constants';
import { OPEN_DELAY, POPOVER_DATA, POPPER_MODIFIERS } from './constants';
@ -132,7 +132,7 @@ const PopoverContent = ({ data, feature }: PopoverContentProps) => {
<InvButton
pt={1}
onClick={handleClick}
leftIcon={<FaExternalLinkAlt />}
leftIcon={<PiArrowSquareOutBold />}
alignSelf="flex-end"
variant="link"
>