From 8c3a2b04fc063fe59a8f21a6f1b9095223ad4af3 Mon Sep 17 00:00:00 2001 From: Pavlos Vinieratos Date: Thu, 2 Feb 2023 20:48:20 +0000 Subject: [PATCH 1/2] added some, removed aliases --- lib/svgs/ArtsyLogoBlackIcon.tsx | 3 --- lib/svgs/ArtsyMarkBlackIcon.tsx | 3 --- lib/svgs/CheckCircleFillIcon.tsx | 3 --- lib/svgs/CheckCircleIcon.tsx | 4 ---- lib/svgs/CloseCircleFillIcon.tsx | 16 ++++++++++++++++ lib/svgs/CloseCircleIcon.tsx | 3 --- lib/svgs/EstablishedIcon.tsx | 3 --- lib/svgs/EyeClosedIcon.tsx | 3 --- lib/svgs/EyeOpenedIcon.tsx | 3 --- lib/svgs/GuaranteeIcon.tsx | 27 +++++++++++++++++++++++++++ lib/svgs/ImageIcon.tsx | 19 +++++++++++++++++++ lib/svgs/InstitutionIcon.tsx | 3 --- lib/svgs/MapPinIcon.tsx | 3 --- lib/svgs/Payment2Icon.tsx | 17 +++++++++++++++++ lib/svgs/QuestionCircleIcon.tsx | 3 --- lib/svgs/SecureLockIcon.tsx | 29 +++++++++++++++++++++++++++++ lib/svgs/StarCircleIcon.tsx | 28 ++++++++++++++++++++++++++++ lib/svgs/Tag2Icon.tsx | 25 +++++++++++++++++++++++++ lib/svgs/UserMultiIcon.tsx | 3 --- lib/svgs/UserSingleIcon.tsx | 3 --- lib/svgs/index.tsx | 6 ++++++ 21 files changed, 167 insertions(+), 40 deletions(-) create mode 100644 lib/svgs/CloseCircleFillIcon.tsx create mode 100644 lib/svgs/GuaranteeIcon.tsx create mode 100644 lib/svgs/ImageIcon.tsx create mode 100644 lib/svgs/Payment2Icon.tsx create mode 100644 lib/svgs/SecureLockIcon.tsx create mode 100644 lib/svgs/StarCircleIcon.tsx create mode 100644 lib/svgs/Tag2Icon.tsx diff --git a/lib/svgs/ArtsyLogoBlackIcon.tsx b/lib/svgs/ArtsyLogoBlackIcon.tsx index f3270c92..3267bde2 100644 --- a/lib/svgs/ArtsyLogoBlackIcon.tsx +++ b/lib/svgs/ArtsyLogoBlackIcon.tsx @@ -16,6 +16,3 @@ export const ArtsyLogoBlackIcon = ({ scale = 1, fill, ...restProps }: ArtsyLogoB ) } - -// TODO: remove this alias once clients have been updated -export const ArtsyLogoIcon = ArtsyLogoBlackIcon diff --git a/lib/svgs/ArtsyMarkBlackIcon.tsx b/lib/svgs/ArtsyMarkBlackIcon.tsx index 4fa92500..7bcd3c31 100644 --- a/lib/svgs/ArtsyMarkBlackIcon.tsx +++ b/lib/svgs/ArtsyMarkBlackIcon.tsx @@ -12,6 +12,3 @@ export const ArtsyMarkBlackIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const ArtsyMarkIcon = ArtsyMarkBlackIcon diff --git a/lib/svgs/CheckCircleFillIcon.tsx b/lib/svgs/CheckCircleFillIcon.tsx index 2c700d9d..95854dbd 100644 --- a/lib/svgs/CheckCircleFillIcon.tsx +++ b/lib/svgs/CheckCircleFillIcon.tsx @@ -13,6 +13,3 @@ export const CheckCircleFillIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const CircleBlackCheckIcon = CheckCircleFillIcon diff --git a/lib/svgs/CheckCircleIcon.tsx b/lib/svgs/CheckCircleIcon.tsx index f0ef8e27..bf612846 100644 --- a/lib/svgs/CheckCircleIcon.tsx +++ b/lib/svgs/CheckCircleIcon.tsx @@ -13,7 +13,3 @@ export const CheckCircleIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove these aliases once clients have been updated -export const CircleWhiteCheckIcon = CheckCircleIcon -export const WinningBidIcon = CheckCircleIcon diff --git a/lib/svgs/CloseCircleFillIcon.tsx b/lib/svgs/CloseCircleFillIcon.tsx new file mode 100644 index 00000000..fd9e7192 --- /dev/null +++ b/lib/svgs/CloseCircleFillIcon.tsx @@ -0,0 +1,16 @@ +import { useColor } from "../hooks" +import { Icon, IconProps, Path } from "./Icon" + +export const CloseCircleFillIcon: React.FC = (props) => { + const color = useColor() + return ( + + + + ) +} diff --git a/lib/svgs/CloseCircleIcon.tsx b/lib/svgs/CloseCircleIcon.tsx index bb2ec011..2e4f9f44 100644 --- a/lib/svgs/CloseCircleIcon.tsx +++ b/lib/svgs/CloseCircleIcon.tsx @@ -13,6 +13,3 @@ export const CloseCircleIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const LosingBidIcon = CloseCircleIcon diff --git a/lib/svgs/EstablishedIcon.tsx b/lib/svgs/EstablishedIcon.tsx index 475fd089..aec053e3 100644 --- a/lib/svgs/EstablishedIcon.tsx +++ b/lib/svgs/EstablishedIcon.tsx @@ -13,6 +13,3 @@ export const EstablishedIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const TopEstablishedIcon = EstablishedIcon diff --git a/lib/svgs/EyeClosedIcon.tsx b/lib/svgs/EyeClosedIcon.tsx index 70540019..c58a746e 100644 --- a/lib/svgs/EyeClosedIcon.tsx +++ b/lib/svgs/EyeClosedIcon.tsx @@ -13,6 +13,3 @@ export const EyeClosedIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const ClosedEyeIcon = EyeClosedIcon diff --git a/lib/svgs/EyeOpenedIcon.tsx b/lib/svgs/EyeOpenedIcon.tsx index 9a11a087..7f802061 100644 --- a/lib/svgs/EyeOpenedIcon.tsx +++ b/lib/svgs/EyeOpenedIcon.tsx @@ -12,6 +12,3 @@ export const EyeOpenedIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const OpenEyeIcon = EyeOpenedIcon diff --git a/lib/svgs/GuaranteeIcon.tsx b/lib/svgs/GuaranteeIcon.tsx new file mode 100644 index 00000000..e9caef1f --- /dev/null +++ b/lib/svgs/GuaranteeIcon.tsx @@ -0,0 +1,27 @@ +import { useColor } from "../hooks" +import { ClipPath, Defs, G } from "react-native-svg" +import { Icon, IconProps, Path } from "./Icon" + +export const GuaranteeIcon: React.FC = ({ ...props }) => { + const color = useColor() + + return ( + + + + + + + + + + + + ) +} diff --git a/lib/svgs/ImageIcon.tsx b/lib/svgs/ImageIcon.tsx new file mode 100644 index 00000000..b7bf7051 --- /dev/null +++ b/lib/svgs/ImageIcon.tsx @@ -0,0 +1,19 @@ +import { useColor } from "../hooks" +import { Icon, IconProps, Path } from "./Icon" + +export const ImageIcon: React.FC = (props) => { + const color = useColor() + + return ( + + + + + ) +} diff --git a/lib/svgs/InstitutionIcon.tsx b/lib/svgs/InstitutionIcon.tsx index 9b7f3622..d1523da6 100644 --- a/lib/svgs/InstitutionIcon.tsx +++ b/lib/svgs/InstitutionIcon.tsx @@ -17,6 +17,3 @@ export const InstitutionIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const MuseumIcon = InstitutionIcon diff --git a/lib/svgs/MapPinIcon.tsx b/lib/svgs/MapPinIcon.tsx index 686566dd..4ab02f93 100644 --- a/lib/svgs/MapPinIcon.tsx +++ b/lib/svgs/MapPinIcon.tsx @@ -13,6 +13,3 @@ export const MapPinIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const LocationIcon = MapPinIcon diff --git a/lib/svgs/Payment2Icon.tsx b/lib/svgs/Payment2Icon.tsx new file mode 100644 index 00000000..38aa2005 --- /dev/null +++ b/lib/svgs/Payment2Icon.tsx @@ -0,0 +1,17 @@ +import { useColor } from "../hooks" +import { Icon, IconProps, Path } from "./Icon" + +export const Payment2Icon: React.FC = (props) => { + const color = useColor() + + return ( + + + + ) +} diff --git a/lib/svgs/QuestionCircleIcon.tsx b/lib/svgs/QuestionCircleIcon.tsx index c1995b4e..01340804 100644 --- a/lib/svgs/QuestionCircleIcon.tsx +++ b/lib/svgs/QuestionCircleIcon.tsx @@ -13,6 +13,3 @@ export const QuestionCircleIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const HelpIcon = QuestionCircleIcon diff --git a/lib/svgs/SecureLockIcon.tsx b/lib/svgs/SecureLockIcon.tsx new file mode 100644 index 00000000..8e9f8b2c --- /dev/null +++ b/lib/svgs/SecureLockIcon.tsx @@ -0,0 +1,29 @@ +import { useColor } from "../hooks" +import { Icon, IconProps, Path } from "./Icon" + +export const SecureLockIcon: React.FC = ({ ...props }) => { + const color = useColor() + + return ( + + + + + + ) +} diff --git a/lib/svgs/StarCircleIcon.tsx b/lib/svgs/StarCircleIcon.tsx new file mode 100644 index 00000000..be47e165 --- /dev/null +++ b/lib/svgs/StarCircleIcon.tsx @@ -0,0 +1,28 @@ +import { useColor } from "../hooks" +import { Icon, IconProps, Path } from "./Icon" + +export const StarCircleIcon: React.FC = (props) => { + const color = useColor() + return ( + + + + + + ) +} diff --git a/lib/svgs/Tag2Icon.tsx b/lib/svgs/Tag2Icon.tsx new file mode 100644 index 00000000..67a796c9 --- /dev/null +++ b/lib/svgs/Tag2Icon.tsx @@ -0,0 +1,25 @@ +import { useColor } from "../hooks" +import { ClipPath, Defs } from "react-native-svg" +import { G, Icon, IconProps, Path } from "./Icon" + +export const Tag2Icon: React.FC = (props) => { + const color = useColor() + + return ( + + + + + + + + + + + ) +} diff --git a/lib/svgs/UserMultiIcon.tsx b/lib/svgs/UserMultiIcon.tsx index 1611cfc1..7883baf0 100644 --- a/lib/svgs/UserMultiIcon.tsx +++ b/lib/svgs/UserMultiIcon.tsx @@ -13,6 +13,3 @@ export const UserMultiIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const GroupIcon = UserMultiIcon diff --git a/lib/svgs/UserSingleIcon.tsx b/lib/svgs/UserSingleIcon.tsx index 8e9af7f0..873af350 100644 --- a/lib/svgs/UserSingleIcon.tsx +++ b/lib/svgs/UserSingleIcon.tsx @@ -13,6 +13,3 @@ export const UserSingleIcon = ({ fill, ...restProps }: IconProps) => { ) } - -// TODO: remove this alias once clients have been updated -export const SoloIcon = UserSingleIcon diff --git a/lib/svgs/index.tsx b/lib/svgs/index.tsx index 2773175d..5138315d 100644 --- a/lib/svgs/index.tsx +++ b/lib/svgs/index.tsx @@ -30,6 +30,7 @@ export * from "./CheckCircleFillIcon" export * from "./CheckCircleIcon" export * from "./CheckIcon" export * from "./ChevronIcon" +export * from "./ClockFill" export * from "./CloseCircleIcon" export * from "./CloseIcon" export * from "./CollapseIcon" @@ -53,6 +54,7 @@ export * from "./GraphIcon" export * from "./HeartFillIcon" export * from "./HeartIcon" export * from "./HomeIcon" +export * from "./ImageIcon" export * from "./IncreaseIcon" export * from "./InfoCircleIcon" export * from "./InstagramAppIcon" @@ -71,15 +73,19 @@ export * from "./MoreIcon" export * from "./NoArtworkIcon" export * from "./NoImageIcon" export * from "./PageIcon" +export * from "./Payment2Icon" export * from "./PaymentIcon" export * from "./PublicationIcon" export * from "./QuestionCircleIcon" export * from "./ReloadIcon" +export * from "./SecureLockIcon" export * from "./SettingsIcon" export * from "./ShareIcon" export * from "./ShieldIcon" export * from "./StarCircleFill" +export * from "./StarCircleIcon" export * from "./Stopwatch" +export * from "./Tag2Icon" export * from "./TagIcon" export * from "./TimerIcon" export * from "./TopEmergingIcon" From 95492f1fe2ff726c54cded371b4352944ece2d7a Mon Sep 17 00:00:00 2001 From: Pavlos Vinieratos Date: Thu, 2 Feb 2023 20:52:24 +0000 Subject: [PATCH 2/2] fixes --- lib/elements/Banner/Banner.tsx | 4 ++-- lib/elements/Header/ArtsyLogoHeader.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/lib/elements/Banner/Banner.tsx b/lib/elements/Banner/Banner.tsx index 5a95a05a..a55027d2 100644 --- a/lib/elements/Banner/Banner.tsx +++ b/lib/elements/Banner/Banner.tsx @@ -3,7 +3,7 @@ import { Animated, Easing, Image, TextProps, TouchableOpacity } from "react-nati import { FlexProps } from "styled-system" import { Flex } from "../../atoms" import { useColor } from "../../hooks" -import { HelpIcon } from "../../svgs" +import { QuestionCircleIcon } from "../../svgs" import { Text } from "../Text" export interface BannerProps { @@ -77,7 +77,7 @@ export const Banner = ({ hitSlop={{ bottom: 40, right: 40, left: 40, top: 40 }} > {/* TODO: fix this by adding an X icon */} - + )} diff --git a/lib/elements/Header/ArtsyLogoHeader.tsx b/lib/elements/Header/ArtsyLogoHeader.tsx index 45120154..2035e17c 100644 --- a/lib/elements/Header/ArtsyLogoHeader.tsx +++ b/lib/elements/Header/ArtsyLogoHeader.tsx @@ -1,6 +1,6 @@ import { StyleSheet } from "react-native" import { Box, Flex, Spacer } from "../../atoms" -import { ArtsyLogoIcon } from "../../svgs" +import { ArtsyLogoBlackIcon } from "../../svgs" interface Props { shadow?: boolean @@ -9,7 +9,7 @@ export const ArtsyLogoHeader = ({ shadow = false }: Props) => ( <> - +