From a363125fed6d012ec7caddd6ef2e36277a252b91 Mon Sep 17 00:00:00 2001 From: Albert Folch Date: Thu, 16 Jan 2025 14:47:31 +0100 Subject: [PATCH] wip --- src/components/currencyInputPanel/FiatValue.tsx | 6 +++--- .../SwapCurrencyInputPanel.tsx | 6 +++--- src/components/datepicker/DatePicker.style.tsx | 4 ++-- src/components/detail/Detail.style.tsx | 2 +- src/components/dispute/GetStarted.tsx | 2 +- src/components/dispute/TellUsMore.tsx | 2 +- .../disputeResolver/DisputeResolverAside.tsx | 2 +- .../ManageDisputes/DisputesTable.tsx | 4 +--- .../ManageDisputes/DisputesTablePast.tsx | 4 +--- src/components/footer/DrCenterFooter.tsx | 2 +- src/components/form/BaseSelect.tsx | 8 +++----- src/components/form/CountrySelect.tsx | 8 +++----- src/components/form/Field.styles.ts | 2 +- src/components/form/FormField.tsx | 2 +- src/components/form/Phone.tsx | 8 +++----- src/components/form/Select.tsx | 8 +++----- src/components/form/Switch.tsx | 2 +- src/components/header/Header.tsx | 2 +- .../header/selector/ChainSelectorRow.tsx | 6 +----- .../EscalateModal/steps/EscalateStepOne.tsx | 2 +- .../modal/components/CustomStoreModal.tsx | 2 +- src/components/modal/components/DetailWidget.tsx | 2 +- .../components/DisputeModal/DisputeModal.tsx | 6 +++--- .../modal/components/ProductCreateSuccess.tsx | 2 +- .../components/Profile/CreateProfileModal.tsx | 2 +- .../components/Profile/EditProfileModal.tsx | 2 +- .../modal/components/Profile/ProfilePreview.tsx | 2 +- .../TransactionSubmittedModal.tsx | 2 +- .../modal/components/createProduct/const.tsx | 12 ++++++------ src/components/offers/OfferList.tsx | 2 -- .../coreTermsOfSale/CoreTermsOfSaleDates.tsx | 2 +- .../searchModal/CurrencyList/index.tsx | 2 +- src/components/seller/SellerAside.tsx | 2 +- src/components/seller/SellerExport.tsx | 2 +- .../seller/dashboard/SellerDashboard.styles.tsx | 2 +- .../seller/exchanges/SellerExchangeTable.tsx | 4 +--- .../seller/products/SellerProductsTable.tsx | 4 +--- .../seller/salesChannels/SalesChannelCard.tsx | 2 +- .../settings/routerPreferenceSettings/index.tsx | 2 +- src/components/swap/GasBreakdownTooltip.tsx | 2 +- src/components/swap/SwapModalFooter.tsx | 2 +- .../swap/pendingModalContent/Logos.tsx | 2 +- .../swap/pendingModalContent/index.tsx | 2 +- src/components/swap/styled.tsx | 2 +- src/components/tabs/Tabs.tsx | 2 +- .../toasts/SuccessTransactionToast.tsx | 4 ++-- src/components/toggle/index.tsx | 7 +++---- .../transactions/TransactionsTable.tsx | 6 ++---- src/components/ui/ExportDropdown.tsx | 16 ++++++++-------- src/components/ui/Loading.tsx | 2 +- src/components/ui/SellerID.tsx | 2 +- .../components/ButtonProposal/ButtonProposal.tsx | 4 ++-- src/pages/chat/components/MessageList.tsx | 2 +- .../components/conversation/ChatConversation.tsx | 4 ++-- src/pages/common/CommunityRules.tsx | 4 ++-- src/pages/common/PrivacyPolicy.tsx | 6 +++--- src/pages/common/PrivacyPolicyDrCenter.tsx | 6 +++--- src/pages/common/TermsAndConditions.tsx | 6 +++--- src/pages/common/TermsAndConditionsDrCenter.tsx | 6 +++--- .../congratulations/Congratulations.tsx | 8 ++++---- .../CreateProductCongratulations.tsx | 8 ++++---- .../custom-store/CustomStoreFormContent.tsx | 2 +- src/pages/explore/ExploreSelect.tsx | 4 ++-- src/pages/profile/ProfilePage.styles.tsx | 4 ++-- src/pages/profile/seller/Offers.tsx | 4 ---- src/pages/profile/seller/OpenSeaLogo.tsx | 6 +++--- src/pages/profile/seller/Seller.tsx | 10 +++++----- src/pages/profile/seller/Tabs.tsx | 1 - src/pages/profile/seller/const.ts | 1 - 69 files changed, 121 insertions(+), 152 deletions(-) delete mode 100644 src/pages/profile/seller/const.ts diff --git a/src/components/currencyInputPanel/FiatValue.tsx b/src/components/currencyInputPanel/FiatValue.tsx index ecb23ebd6..1e8873c9d 100644 --- a/src/components/currencyInputPanel/FiatValue.tsx +++ b/src/components/currencyInputPanel/FiatValue.tsx @@ -23,9 +23,9 @@ export function FiatValue({ if (!priceImpact) return undefined; if (priceImpact.lessThan("0")) return colors.green; const severity = warningSeverity(priceImpact); - if (severity < 1) return colors.secondary; + if (severity < 1) return colors.violet; if (severity < 3) return "yellow"; - return colors.darkRed; + return colors.redDark; }, [priceImpact]); if (fiatValue.isLoading) { @@ -34,7 +34,7 @@ export function FiatValue({ return ( - + {fiatValue.data ? ( formatNumber(fiatValue.data, NumberType.FiatTokenPrice) ) : ( diff --git a/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx b/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx index b66989019..4b5303c1d 100644 --- a/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx +++ b/src/components/currencyInputPanel/SwapCurrencyInputPanel.tsx @@ -63,7 +63,7 @@ const CurrencySelect = styled(Button)<{ min-width: 175px; align-items: center; background-color: ${({ selected }) => - selected ? colors.black : colors.secondary}; + selected ? colors.black : colors.violet}; opacity: ${({ disabled }) => (!disabled ? 1 : 0.4)}; box-shadow: ${({ selected }) => selected ? "none" : "0px 6px 10px rgba(0, 0, 0, 0.075)"}; @@ -97,7 +97,7 @@ const CurrencySelect = styled(Button)<{ &:hover, &:active { background-color: ${({ selected }) => - selected ? colors.greyDark : colors.secondary}; + selected ? colors.greyDark : colors.violet}; color: ${colors.white}; } @@ -182,7 +182,7 @@ const StyledTokenName = styled.span<{ active?: boolean }>` const StyledBalanceMax = styled.button<{ disabled?: boolean }>` background-color: transparent; border: none; - color: ${colors.secondary}; + color: ${colors.violet}; cursor: pointer; font-size: 0.875rem; font-weight: 600; diff --git a/src/components/datepicker/DatePicker.style.tsx b/src/components/datepicker/DatePicker.style.tsx index 1dc8a21f5..be5053271 100644 --- a/src/components/datepicker/DatePicker.style.tsx +++ b/src/components/datepicker/DatePicker.style.tsx @@ -170,7 +170,7 @@ export const CalendarDay = styled(CalendarCell)<{ active && css` &:after { - background: ${colors.secondary}; + background: ${colors.violet}; width: 2.25rem; height: 2.25rem; z-index: 2; @@ -185,7 +185,7 @@ export const CalendarDay = styled(CalendarCell)<{ !active && css` &:after { - background: ${colors.secondary}; + background: ${colors.violet}; width: 1.75rem; height: 1.75rem; z-index: 2; diff --git a/src/components/detail/Detail.style.tsx b/src/components/detail/Detail.style.tsx index c330f6937..bf987614b 100644 --- a/src/components/detail/Detail.style.tsx +++ b/src/components/detail/Detail.style.tsx @@ -504,7 +504,7 @@ export const RaiseProblemButton = styled(Button)` export const StyledCancelButton = RaiseProblemButton; export const ContactSellerButton = styled(RaiseProblemButton)` && { - color: ${colors.secondary}; + color: ${colors.violet}; } `; diff --git a/src/components/dispute/GetStarted.tsx b/src/components/dispute/GetStarted.tsx index 09b06b0b2..944d205d7 100644 --- a/src/components/dispute/GetStarted.tsx +++ b/src/components/dispute/GetStarted.tsx @@ -11,7 +11,7 @@ import { Typography } from "../ui/Typography"; const FormButton = styled.button` border: none; background: none; - color: ${colors.secondary}; + color: ${colors.violet}; display: flex; align-items: flex-start; justify-content: space-between; diff --git a/src/components/dispute/TellUsMore.tsx b/src/components/dispute/TellUsMore.tsx index e6b824e1d..09bb8349e 100644 --- a/src/components/dispute/TellUsMore.tsx +++ b/src/components/dispute/TellUsMore.tsx @@ -13,7 +13,7 @@ import { Typography } from "../ui/Typography"; const FormButton = styled.button` border: none; background: none; - color: ${colors.secondary}; + color: ${colors.violet}; display: flex; align-items: flex-start; justify-content: space-between; diff --git a/src/components/disputeResolver/DisputeResolverAside.tsx b/src/components/disputeResolver/DisputeResolverAside.tsx index 3f42dd166..262ba673e 100644 --- a/src/components/disputeResolver/DisputeResolverAside.tsx +++ b/src/components/disputeResolver/DisputeResolverAside.tsx @@ -38,7 +38,7 @@ const AsideLink = styled.li<{ $active?: boolean }>` color: ${colors.black}; } svg:first-child { - fill: ${(props) => (props.$active ? colors.secondary : colors.black)}; + fill: ${(props) => (props.$active ? colors.violet : colors.black)}; width: 1.5rem; height: 1.5rem; } diff --git a/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx b/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx index db551dec1..9c738b674 100644 --- a/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx +++ b/src/components/disputeResolver/ManageDisputes/DisputesTable.tsx @@ -405,9 +405,7 @@ export default function DisputesTable({ disputes }: Props) { themeVal="blank" style={{ color: - pageNumber === pageIndex - ? colors.secondary - : colors.black, + pageNumber === pageIndex ? colors.violet : colors.black, background: pageNumber === pageIndex ? colors.greyLight diff --git a/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx b/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx index 976c4544a..a5073abaf 100644 --- a/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx +++ b/src/components/disputeResolver/ManageDisputes/DisputesTablePast.tsx @@ -333,9 +333,7 @@ export default function DisputesTablePast({ disputes }: Props) { themeVal="blank" style={{ color: - pageNumber === pageIndex - ? colors.secondary - : colors.black, + pageNumber === pageIndex ? colors.violet : colors.black, background: pageNumber === pageIndex ? colors.greyLight diff --git a/src/components/footer/DrCenterFooter.tsx b/src/components/footer/DrCenterFooter.tsx index 239f64e49..4c7411236 100644 --- a/src/components/footer/DrCenterFooter.tsx +++ b/src/components/footer/DrCenterFooter.tsx @@ -60,7 +60,7 @@ const NavigationLinks = styled.nav` color: ${colors.white}; } a:hover { - color: ${colors.secondary}; + color: ${colors.violet}; } ${breakpoint.xs} { diff --git a/src/components/form/BaseSelect.tsx b/src/components/form/BaseSelect.tsx index a99cfb791..932e3f92d 100644 --- a/src/components/form/BaseSelect.tsx +++ b/src/components/form/BaseSelect.tsx @@ -13,12 +13,12 @@ const customStyles = (error: any) => ({ padding: "0.4rem 0.25rem", boxShadow: "none", ":hover": { - borderColor: colors.secondary, + borderColor: colors.violet, borderWidth: "1px" }, background: colors.greyLight, border: state.isFocused - ? `1px solid ${colors.secondary}` + ? `1px solid ${colors.violet}` : !checkIfValueIsEmpty(error) ? `1px solid ${colors.orange}` : `1px solid ${colors.border}` @@ -38,9 +38,7 @@ const customStyles = (error: any) => ({ ? colors.greyLight : colors.white, color: - state.isOptionSelected || state.isSelected - ? colors.secondary - : colors.black + state.isOptionSelected || state.isSelected ? colors.violet : colors.black }), indicatorsContainer: () => ({ display: "none" diff --git a/src/components/form/CountrySelect.tsx b/src/components/form/CountrySelect.tsx index 495cc9b29..4f041058e 100644 --- a/src/components/form/CountrySelect.tsx +++ b/src/components/form/CountrySelect.tsx @@ -30,12 +30,12 @@ const customStyles = { padding: "0.4rem 0.25rem", boxShadow: "none", ":hover": { - borderColor: colors.secondary, + borderColor: colors.violet, borderWidth: "1px" }, background: colors.greyLight, border: state.isFocused - ? `1px solid ${colors.secondary}` + ? `1px solid ${colors.violet}` : `1px solid ${colors.border}`, ...before }; @@ -55,9 +55,7 @@ const customStyles = { ? colors.greyLight : colors.white, color: - state.isOptionSelected || state.isSelected - ? colors.secondary - : colors.black + state.isOptionSelected || state.isSelected ? colors.violet : colors.black }), indicatorSeparator: () => ({ display: "none" diff --git a/src/components/form/Field.styles.ts b/src/components/form/Field.styles.ts index ad45d0a25..ac9943d50 100644 --- a/src/components/form/Field.styles.ts +++ b/src/components/form/Field.styles.ts @@ -277,7 +277,7 @@ export const CheckboxWrapper = styled.label<{ error?: unknown }>` + div { cursor: pointer; &:hover { - border: 1px solid ${colors.secondary}; + border: 1px solid ${colors.violet}; svg { opacity: 0.25; } diff --git a/src/components/form/FormField.tsx b/src/components/form/FormField.tsx index 5a253e0d8..d8fd37b53 100644 --- a/src/components/form/FormField.tsx +++ b/src/components/form/FormField.tsx @@ -41,7 +41,7 @@ export default function FormField({ {valueToCopy && ( { diff --git a/src/components/form/Phone.tsx b/src/components/form/Phone.tsx index ef5f7821f..c2dfe1aad 100644 --- a/src/components/form/Phone.tsx +++ b/src/components/form/Phone.tsx @@ -37,12 +37,12 @@ const customStyles = { padding: "0.4rem 0.25rem", boxShadow: "none", ":hover": { - borderColor: colors.secondary, + borderColor: colors.violet, borderWidth: "1px" }, background: colors.greyLight, border: state.isFocused - ? `1px solid ${colors.secondary}` + ? `1px solid ${colors.violet}` : `1px solid ${colors.border}`, ...before }; @@ -62,9 +62,7 @@ const customStyles = { ? colors.greyLight : colors.white, color: - state.isOptionSelected || state.isSelected - ? colors.secondary - : colors.black + state.isOptionSelected || state.isSelected ? colors.violet : colors.black }), indicatorSeparator: () => ({ display: "none" diff --git a/src/components/form/Select.tsx b/src/components/form/Select.tsx index 08824a2cb..fa10dee52 100644 --- a/src/components/form/Select.tsx +++ b/src/components/form/Select.tsx @@ -54,12 +54,12 @@ const customStyles = ( padding: "0.4rem 0.25rem", boxShadow: "none", ":hover": { - borderColor: colors.secondary, + borderColor: colors.violet, borderWidth: "1px" }, background: backgroundColor, border: state.isFocused - ? `1px solid ${colors.secondary}` + ? `1px solid ${colors.violet}` : !checkIfValueIsEmpty(error) ? `1px solid ${colors.orange}` : `1px solid ${colors.border}`, @@ -83,9 +83,7 @@ const customStyles = ( ? colors.greyLight : colors.white, color: - state.isOptionSelected || state.isSelected - ? colors.secondary - : colors.black + state.isOptionSelected || state.isSelected ? colors.violet : colors.black }), indicatorSeparator: () => ({ display: "none" diff --git a/src/components/form/Switch.tsx b/src/components/form/Switch.tsx index 628e6edc3..baa17caaa 100644 --- a/src/components/form/Switch.tsx +++ b/src/components/form/Switch.tsx @@ -33,7 +33,7 @@ const StyledSwitchRoot = styled(ReactSwitch.Root)` box-shadow: 0 2px 10px hsl(0 0% 0% / 0.141); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); &[data-state="checked"] { - background-color: ${colors.secondary}; + background-color: ${colors.violet}; } &:disabled { cursor: not-allowed; diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx index 5325022d8..6b33dd974 100644 --- a/src/components/header/Header.tsx +++ b/src/components/header/Header.tsx @@ -376,7 +376,7 @@ export const HeaderComponent = forwardRef( {isSideCrossVisible && ( Approve in wallet} {active && ( - + )} {!active && isPending && ( diff --git a/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepOne.tsx b/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepOne.tsx index 16e392667..88f181f0b 100644 --- a/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepOne.tsx +++ b/src/components/modal/components/Chat/components/EscalateModal/steps/EscalateStepOne.tsx @@ -97,7 +97,7 @@ function EscalateStepOne({ exchange }: Props) { > {onlyFairExchangePolicyLabel} - + Escalation deposit diff --git a/src/components/modal/components/CustomStoreModal.tsx b/src/components/modal/components/CustomStoreModal.tsx index fd39a40bc..0df5ec315 100644 --- a/src/components/modal/components/CustomStoreModal.tsx +++ b/src/components/modal/components/CustomStoreModal.tsx @@ -41,7 +41,7 @@ import { Channels } from "./SalesChannelsModal/form"; const CopyIcon = styled(CopySimple)` cursor: pointer; - color: ${colors.secondary}; + color: ${colors.violet}; `; const Heading = styled(Typography).attrs({ diff --git a/src/components/modal/components/DetailWidget.tsx b/src/components/modal/components/DetailWidget.tsx index ea486a2d0..702dfca3a 100644 --- a/src/components/modal/components/DetailWidget.tsx +++ b/src/components/modal/components/DetailWidget.tsx @@ -95,7 +95,7 @@ export default function DetailWidget({ {name} diff --git a/src/components/modal/components/DisputeModal/DisputeModal.tsx b/src/components/modal/components/DisputeModal/DisputeModal.tsx index 9b41f8dd6..bf98c0ac9 100644 --- a/src/components/modal/components/DisputeModal/DisputeModal.tsx +++ b/src/components/modal/components/DisputeModal/DisputeModal.tsx @@ -167,7 +167,7 @@ function DisputeModal({ exchangeId }: Props) { - + - + - + {name} diff --git a/src/components/modal/components/Profile/CreateProfileModal.tsx b/src/components/modal/components/Profile/CreateProfileModal.tsx index 9a4bd3ca0..8ee2a38f0 100644 --- a/src/components/modal/components/Profile/CreateProfileModal.tsx +++ b/src/components/modal/components/Profile/CreateProfileModal.tsx @@ -117,7 +117,7 @@ export default function CreateProfileModal({ checked={switchChecked} label={() => ( setSwitchAndProfileType(!switchChecked)} cursor="pointer" diff --git a/src/components/modal/components/Profile/EditProfileModal.tsx b/src/components/modal/components/Profile/EditProfileModal.tsx index 90375f60c..1304eb281 100644 --- a/src/components/modal/components/Profile/EditProfileModal.tsx +++ b/src/components/modal/components/Profile/EditProfileModal.tsx @@ -70,7 +70,7 @@ export default function EditProfileModal({ checked={switchChecked} label={() => ( setSwitchAndProfileType(!switchChecked)} cursor="pointer" diff --git a/src/components/modal/components/Profile/ProfilePreview.tsx b/src/components/modal/components/Profile/ProfilePreview.tsx index f626e204c..b74ca8cb7 100644 --- a/src/components/modal/components/Profile/ProfilePreview.tsx +++ b/src/components/modal/components/Profile/ProfilePreview.tsx @@ -54,7 +54,7 @@ export const ProfilePreview: React.FC = ({ <> { diff --git a/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx b/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx index d94cdbbd4..7338859a6 100644 --- a/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx +++ b/src/components/modal/components/Transactions/TransactionSubmittedModal/TransactionSubmittedModal.tsx @@ -62,7 +62,7 @@ export default function TransactionSubmittedModal({ fontSize="1rem" lineHeight="150%" margin="0.5rem 0 1.5rem 0" - color={colors.secondary} + color={colors.violet} > View on Explorer diff --git a/src/components/modal/components/createProduct/const.tsx b/src/components/modal/components/createProduct/const.tsx index 6eeaece71..ebf507b83 100644 --- a/src/components/modal/components/createProduct/const.tsx +++ b/src/components/modal/components/createProduct/const.tsx @@ -55,14 +55,14 @@ export const variableStepToQueryParam = { export const variableStepMap = { [VariableStep.CreateYourProfile]: { key: VariableStep.CreateYourProfile, - icon: , + icon: , title: "Create your profile", body: "Creating a profile helps establish your branding and Web3 presence in dComemrce", to: { pathname: "" } }, [VariableStep.CreateYourTokenGatedProduct]: { key: VariableStep.CreateYourTokenGatedProduct, - icon: , + icon: , title: "Setup a token-gated offer", body: "Create a physical or phygital product, enriching it with details, such as images and videos", to: { @@ -72,28 +72,28 @@ export const variableStepMap = { }, [VariableStep.SetupYourDCLStore]: { key: VariableStep.SetupYourDCLStore, - icon: , + icon: , title: "Setup your DCL store", body: "Configure your metaverse store on your own land in DCL or on Boson Boulevard.", to: { pathname: SellerCenterRoutes.DCL } }, [VariableStep.SetupYourWeb3Store]: { key: VariableStep.SetupYourWeb3Store, - icon: , + icon: , title: "Setup your Web3 store", body: "Build and customize your own bespoke decentralized commerce storefront", to: { pathname: BosonRoutes.CreateStorefront } }, [VariableStep.AddSalesChannels]: { key: VariableStep.AddSalesChannels, - icon: , + icon: , title: "Add sales channels", body: "Choose one or many channels where your products will be shown, selling everywhere!", to: { pathname: getSellerCenterPath("Sales Channels") } }, [VariableStep.CreateYourProducts]: { key: VariableStep.CreateYourProducts, - icon: , + icon: , title: "Create your products", body: "Create a physical or digi-physical product, enriching it with details, such as images and videos.", to: { pathname: SellerCenterRoutes.CreateProduct } diff --git a/src/components/offers/OfferList.tsx b/src/components/offers/OfferList.tsx index 3ae6d98fc..245f3a20e 100644 --- a/src/components/offers/OfferList.tsx +++ b/src/components/offers/OfferList.tsx @@ -12,7 +12,6 @@ import { useKeepQueryParamsNavigate } from "../../lib/utils/hooks/useKeepQueryPa import { useIsCustomStoreValueChanged } from "../../pages/custom-store/useIsCustomStoreValueChanged"; import { ExtendedOffer } from "../../pages/explore/WithAllOffers"; import { ProductGridContainer } from "../../pages/profile/ProfilePage.styles"; -import { Action } from "../../pages/profile/seller/const"; import Breadcrumbs from "../breadcrumbs/Breadcrumbs"; import ProductCard from "../productCard/ProductCard"; import { Grid } from "../ui/Grid"; @@ -24,7 +23,6 @@ interface Props { isError: boolean; isLoading?: boolean; showSeller?: boolean; - action: Action; showInvalidOffers: boolean; isPrivateProfile?: boolean; type?: "gone" | "hot" | "soon" | undefined; diff --git a/src/components/product/coreTermsOfSale/CoreTermsOfSaleDates.tsx b/src/components/product/coreTermsOfSale/CoreTermsOfSaleDates.tsx index 48055351a..4073e1381 100644 --- a/src/components/product/coreTermsOfSale/CoreTermsOfSaleDates.tsx +++ b/src/components/product/coreTermsOfSale/CoreTermsOfSaleDates.tsx @@ -48,7 +48,7 @@ export const CoreTermsOfSaleDates: React.FC = ({ invertValue label={() => ( diff --git a/src/components/searchModal/CurrencyList/index.tsx b/src/components/searchModal/CurrencyList/index.tsx index da9b968ee..474372b97 100644 --- a/src/components/searchModal/CurrencyList/index.tsx +++ b/src/components/searchModal/CurrencyList/index.tsx @@ -40,7 +40,7 @@ const CheckIcon = styled(Check)` height: 20px; width: 20px; margin-left: 4px; - color: ${colors.secondary}; + color: ${colors.violet}; `; const StyledBalanceText = styled(Typography)` diff --git a/src/components/seller/SellerAside.tsx b/src/components/seller/SellerAside.tsx index 2f46d503a..1c3f5bae8 100644 --- a/src/components/seller/SellerAside.tsx +++ b/src/components/seller/SellerAside.tsx @@ -92,7 +92,7 @@ const AsideLink = styled.li<{ $active?: boolean }>` color: ${colors.black}; } svg:first-child { - fill: ${(props) => (props.$active ? colors.secondary : colors.black)}; + fill: ${(props) => (props.$active ? colors.violet : colors.black)}; width: 1.5rem; height: 1.5rem; } diff --git a/src/components/seller/SellerExport.tsx b/src/components/seller/SellerExport.tsx index bca2ec6ac..e1009b005 100644 --- a/src/components/seller/SellerExport.tsx +++ b/src/components/seller/SellerExport.tsx @@ -7,7 +7,7 @@ import { colors } from "../../lib/styles/colors"; import Button from "../ui/Button"; const ExportButton = styled(Button)` - color: ${colors.secondary}; + color: ${colors.violet}; border: none; gap: 0.3125rem; > div { diff --git a/src/components/seller/dashboard/SellerDashboard.styles.tsx b/src/components/seller/dashboard/SellerDashboard.styles.tsx index da558fe6f..8cc8a0896 100644 --- a/src/components/seller/dashboard/SellerDashboard.styles.tsx +++ b/src/components/seller/dashboard/SellerDashboard.styles.tsx @@ -40,7 +40,7 @@ export const ItemsName = styled(Grid)` } &:hover { * { - color: ${colors.secondary}; + color: ${colors.violet}; } svg { margin-right: 0.5rem; diff --git a/src/components/seller/exchanges/SellerExchangeTable.tsx b/src/components/seller/exchanges/SellerExchangeTable.tsx index 5beaae5d1..584707f7c 100644 --- a/src/components/seller/exchanges/SellerExchangeTable.tsx +++ b/src/components/seller/exchanges/SellerExchangeTable.tsx @@ -568,9 +568,7 @@ export default function SellerExchangeTable({ themeVal="blank" style={{ color: - pageNumber === pageIndex - ? colors.secondary - : colors.black, + pageNumber === pageIndex ? colors.violet : colors.black, background: pageNumber === pageIndex ? colors.greyLight diff --git a/src/components/seller/products/SellerProductsTable.tsx b/src/components/seller/products/SellerProductsTable.tsx index c985d4ba7..a5aff1101 100644 --- a/src/components/seller/products/SellerProductsTable.tsx +++ b/src/components/seller/products/SellerProductsTable.tsx @@ -1189,9 +1189,7 @@ export default function SellerProductsTable({ themeVal="blank" style={{ color: - pageNumber === pageIndex - ? colors.secondary - : colors.black, + pageNumber === pageIndex ? colors.violet : colors.black, background: pageNumber === pageIndex ? colors.greyLight diff --git a/src/components/seller/salesChannels/SalesChannelCard.tsx b/src/components/seller/salesChannels/SalesChannelCard.tsx index 1870f006e..f6f6a4742 100644 --- a/src/components/seller/salesChannels/SalesChannelCard.tsx +++ b/src/components/seller/salesChannels/SalesChannelCard.tsx @@ -41,7 +41,7 @@ export const SalesChannelCard: React.FC = ({ return ( @@ -273,9 +273,7 @@ export default function TransactionsTable({ transactions }: Props) { themeVal="blank" style={{ color: - pageNumber === pageIndex - ? colors.secondary - : colors.black, + pageNumber === pageIndex ? colors.violet : colors.black, background: pageNumber === pageIndex ? colors.greyLight diff --git a/src/components/ui/ExportDropdown.tsx b/src/components/ui/ExportDropdown.tsx index 14c0586d6..73203ff6d 100644 --- a/src/components/ui/ExportDropdown.tsx +++ b/src/components/ui/ExportDropdown.tsx @@ -12,17 +12,17 @@ import Loading from "./Loading"; const ExportButton = styled(Button)` && { - color: ${colors.secondary}; + color: ${colors.violet}; border: none; gap: 0.5rem; - border: 2px solid ${colors.secondary}; + border: 2px solid ${colors.violet}; padding-right: 2.125rem; padding-left: 0.75rem; position: relative; transition: all 300ms ease-in-out; &:hover:not(:disabled) { - background: ${colors.secondary}; + background: ${colors.violet}; color: ${colors.white}; div, button { @@ -51,7 +51,7 @@ const ExportButton = styled(Button)` top: 0; bottom: 0; right: 1.5rem; - background: ${colors.secondary}; + background: ${colors.violet}; width: 1px; height: 100%; } @@ -60,7 +60,7 @@ const ExportButton = styled(Button)` height: 0; border-left: 0.25rem solid transparent; border-right: 0.25rem solid transparent; - border-top: 0.5rem solid ${colors.secondary}; + border-top: 0.5rem solid ${colors.violet}; top: 50%; right: 0.5rem; transform: translate(0, -50%); @@ -85,9 +85,9 @@ const ButtonOptions = styled.div<{ disabled: boolean }>` position: relative; display: inline-block; - border: 0.0625rem solid ${colors.secondary}; + border: 0.0625rem solid ${colors.violet}; border-top: 0rem; - color: ${colors.secondary}; + color: ${colors.violet}; font-size: 0.75rem; max-width: 7.1875rem; text-align: center; @@ -96,7 +96,7 @@ const ButtonOptions = styled.div<{ disabled: boolean }>` z-index: ${zIndex.Select}; transition: all 300ms ease-in-out; &:hover { - background-color: ${colors.secondary}; + background-color: ${colors.violet}; color: ${colors.white}; } text-decoration: ${({ disabled }) => (disabled ? "line-through;" : "none")}; diff --git a/src/components/ui/Loading.tsx b/src/components/ui/Loading.tsx index 53b9d0a56..fde9f1bee 100644 --- a/src/components/ui/Loading.tsx +++ b/src/components/ui/Loading.tsx @@ -8,7 +8,7 @@ const LoadingPlaceholder = styled.div<{ size: number }>` width: ${({ size }) => size}rem; min-height: ${({ size }) => size}rem; min-width: ${({ size }) => size}rem; - border: 5px solid ${colors.secondary}; + border: 5px solid ${colors.violet}; border-bottom-color: transparent; border-radius: 50%; display: inline-block; diff --git a/src/components/ui/SellerID.tsx b/src/components/ui/SellerID.tsx index a98a9dc16..f9bfa1976 100644 --- a/src/components/ui/SellerID.tsx +++ b/src/components/ui/SellerID.tsx @@ -41,7 +41,7 @@ const SellerInfo = styled.div<{ $withBosonStyles?: boolean }>` ${({ $withBosonStyles }) => $withBosonStyles ? css` - color: ${colors.secondary}; + color: ${colors.violet}; font-family: ${defaultFontFamily}; ` : css` diff --git a/src/pages/chat/components/ButtonProposal/ButtonProposal.tsx b/src/pages/chat/components/ButtonProposal/ButtonProposal.tsx index 2ed17019a..a15fddacb 100644 --- a/src/pages/chat/components/ButtonProposal/ButtonProposal.tsx +++ b/src/pages/chat/components/ButtonProposal/ButtonProposal.tsx @@ -9,11 +9,11 @@ import { FileWithEncodedData } from "../../../../lib/utils/files"; import { NewProposal } from "../../types"; const StyledButton = styled.button` - border: 3px solid ${colors.secondary}; + border: 3px solid ${colors.violet}; padding: 0.75rem 2.5rem 0.75rem 1.2rem; font-size: 0.875rem; font-weight: 600; - color: ${colors.secondary}; + color: ${colors.violet}; background-color: transparent; position: relative; cursor: pointer; diff --git a/src/pages/chat/components/MessageList.tsx b/src/pages/chat/components/MessageList.tsx index eb983a213..d34612bb7 100644 --- a/src/pages/chat/components/MessageList.tsx +++ b/src/pages/chat/components/MessageList.tsx @@ -66,7 +66,7 @@ const BackToSellerCenterButton = styled.button` background: unset; padding: unset; border: unset; - color: ${colors.secondary}; + color: ${colors.violet}; z-index: ${zIndex.LandingTitle}; `; diff --git a/src/pages/chat/components/conversation/ChatConversation.tsx b/src/pages/chat/components/conversation/ChatConversation.tsx index afc8577ba..f972f5182 100644 --- a/src/pages/chat/components/conversation/ChatConversation.tsx +++ b/src/pages/chat/components/conversation/ChatConversation.tsx @@ -142,7 +142,7 @@ const HeaderButton = styled.button` background: none; padding: none; border: none; - color: ${colors.secondary}; + color: ${colors.violet}; z-index: ${zIndex.LandingTitle}; `; @@ -151,7 +151,7 @@ const NavigationMobile = styled.div` align-items: flex-end; justify-content: space-between; svg { - color: ${colors.secondary}; + color: ${colors.violet}; margin-right: 0.438rem; margin-bottom: -0.1875rem; } diff --git a/src/pages/common/CommunityRules.tsx b/src/pages/common/CommunityRules.tsx index 4ede3ecaf..e5f8d2766 100644 --- a/src/pages/common/CommunityRules.tsx +++ b/src/pages/common/CommunityRules.tsx @@ -8,7 +8,7 @@ import { colors } from "../../lib/styles/colors"; const Wrapper = styled(Grid)` a { - color: ${colors.secondary}; + color: ${colors.violet}; text-decoration: none; transition: all 150ms ease-in-out; &:hover { @@ -70,7 +70,7 @@ const Title = styled.h1` display: inline-block; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; margin: 4rem 0 1rem 0; font-weight: 800; `; diff --git a/src/pages/common/PrivacyPolicy.tsx b/src/pages/common/PrivacyPolicy.tsx index 79aadf8cf..99582132e 100644 --- a/src/pages/common/PrivacyPolicy.tsx +++ b/src/pages/common/PrivacyPolicy.tsx @@ -8,7 +8,7 @@ import { colors } from "../../lib/styles/colors"; const Wrapper = styled(Grid)` a { - color: ${colors.secondary}; + color: ${colors.violet}; text-decoration: none; transition: all 150ms ease-in-out; &:hover { @@ -55,7 +55,7 @@ const Title = styled.h1` display: inline-block; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; margin: 4rem 0 1rem 0; font-weight: 800; `; @@ -1398,7 +1398,7 @@ export default function PrivacyPolicy() { - + ANNEX A diff --git a/src/pages/common/PrivacyPolicyDrCenter.tsx b/src/pages/common/PrivacyPolicyDrCenter.tsx index 188ee5a5f..5a4c01f5e 100644 --- a/src/pages/common/PrivacyPolicyDrCenter.tsx +++ b/src/pages/common/PrivacyPolicyDrCenter.tsx @@ -8,7 +8,7 @@ import { colors } from "../../lib/styles/colors"; const Wrapper = styled(Grid)` a { - color: ${colors.secondary}; + color: ${colors.violet}; text-decoration: none; transition: all 150ms ease-in-out; &:hover { @@ -55,7 +55,7 @@ const Title = styled.h1` display: inline-block; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; margin: 4rem 0 1rem 0; font-weight: 800; `; @@ -1384,7 +1384,7 @@ export default function PrivacyPolicyDrCenter() { - + ANNEX A diff --git a/src/pages/common/TermsAndConditions.tsx b/src/pages/common/TermsAndConditions.tsx index 8f8e7f594..2af048d40 100644 --- a/src/pages/common/TermsAndConditions.tsx +++ b/src/pages/common/TermsAndConditions.tsx @@ -10,7 +10,7 @@ import { colors } from "../../lib/styles/colors"; const Wrapper = styled(Grid)` a { - color: ${colors.secondary}; + color: ${colors.violet}; text-decoration: none; transition: all 150ms ease-in-out; &:hover { @@ -72,7 +72,7 @@ const Title = styled.h1` display: inline-block; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; margin: 4rem 0 1rem 0; font-weight: 800; `; @@ -178,7 +178,7 @@ export default function TermsAndConditions() { or issues. - + AGREEMENT diff --git a/src/pages/common/TermsAndConditionsDrCenter.tsx b/src/pages/common/TermsAndConditionsDrCenter.tsx index c90b3e0ee..d8f610799 100644 --- a/src/pages/common/TermsAndConditionsDrCenter.tsx +++ b/src/pages/common/TermsAndConditionsDrCenter.tsx @@ -10,7 +10,7 @@ import { colors } from "../../lib/styles/colors"; const Wrapper = styled(Grid)` a { - color: ${colors.secondary}; + color: ${colors.violet}; text-decoration: none; transition: all 150ms ease-in-out; &:hover { @@ -69,7 +69,7 @@ const Title = styled.h1` display: inline-block; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; margin: 4rem 0 1rem 0; font-weight: 800; `; @@ -167,7 +167,7 @@ export default function TermsAndConditionsDrCenter() { or issues. - + AGREEMENT diff --git a/src/pages/create-product/congratulations/Congratulations.tsx b/src/pages/create-product/congratulations/Congratulations.tsx index 92f4a792e..971496a2d 100644 --- a/src/pages/create-product/congratulations/Congratulations.tsx +++ b/src/pages/create-product/congratulations/Congratulations.tsx @@ -226,7 +226,7 @@ export const Congratulations: React.FC = ({ }} > } + icon={} title="Add a sales channel" text="Adding more sales channels expands the reach of your products by selling them across different destinations." cta={ @@ -241,12 +241,12 @@ export const Congratulations: React.FC = ({ }); }} > - Add a sales channel + Add a sales channel } /> } + icon={} title="Create new products" text="Create new products and benefits to grow revenues and engage new audiences." cta={ @@ -256,7 +256,7 @@ export const Congratulations: React.FC = ({ goToCreateNewProduct(); }} > - Create new products + Create new products } /> diff --git a/src/pages/create-product/congratulations/CreateProductCongratulations.tsx b/src/pages/create-product/congratulations/CreateProductCongratulations.tsx index 495251422..341df3cba 100644 --- a/src/pages/create-product/congratulations/CreateProductCongratulations.tsx +++ b/src/pages/create-product/congratulations/CreateProductCongratulations.tsx @@ -184,7 +184,7 @@ export const CreateProductCongratulations: React.FC< }} > } + icon={} title="Add Sales Channels" text="You can now add more Sales Channels to promote and sell your product at different places." cta={ @@ -199,12 +199,12 @@ export const CreateProductCongratulations: React.FC< }); }} > - Add a Sales Channel + Add a Sales Channel } /> } + icon={} title="Create new product" text="Save time when creating multiple products. You can add new channels and pay your deposits later." cta={ @@ -214,7 +214,7 @@ export const CreateProductCongratulations: React.FC< goToCreateNewProduct(); }} > - Create new product + Create new product } /> diff --git a/src/pages/custom-store/CustomStoreFormContent.tsx b/src/pages/custom-store/CustomStoreFormContent.tsx index c80d91be0..044ee02ee 100644 --- a/src/pages/custom-store/CustomStoreFormContent.tsx +++ b/src/pages/custom-store/CustomStoreFormContent.tsx @@ -544,7 +544,7 @@ export default function CustomStoreFormContent({ hasSubmitError }: Props) { name={storeFields.bannerSwitch} label={({ toggleFormValue, checked }) => ( toggleFormValue?.()} cursor="pointer" diff --git a/src/pages/explore/ExploreSelect.tsx b/src/pages/explore/ExploreSelect.tsx index 3fc8995c6..f7cc02db2 100644 --- a/src/pages/explore/ExploreSelect.tsx +++ b/src/pages/explore/ExploreSelect.tsx @@ -54,7 +54,7 @@ const customStyles: StylesConfig< borderRadius: 0, boxShadow: "none", ":hover": { - borderColor: colors.secondary, + borderColor: colors.violet, borderWidth: "0" }, background: "none", @@ -83,7 +83,7 @@ const customStyles: StylesConfig< opacity: state.isDisabled ? "0.5" : "1", background: state.isSelected || state.isFocused ? colors.greyLight : colors.white, - color: state.isSelected ? colors.secondary : colors.black + color: state.isSelected ? colors.violet : colors.black }), indicatorSeparator: () => ({ display: "none" diff --git a/src/pages/profile/ProfilePage.styles.tsx b/src/pages/profile/ProfilePage.styles.tsx index 63b988f37..60cb9b2e0 100644 --- a/src/pages/profile/ProfilePage.styles.tsx +++ b/src/pages/profile/ProfilePage.styles.tsx @@ -119,7 +119,7 @@ export const SocialIconContainer = styled.div` display: flex; align-items: center; svg { - color: ${colors.secondary}; + color: ${colors.violet}; vertical-align: bottom; } `; @@ -147,7 +147,7 @@ export const DetailShareWrapper = styled.div` export const LoadingWrapper = styled.div` padding: 2rem; text-align: center; - color: ${colors.secondary}; + color: ${colors.violet}; `; export const ProductGridContainer = styled(GridContainer)` diff --git a/src/pages/profile/seller/Offers.tsx b/src/pages/profile/seller/Offers.tsx index d537cdd79..4fe4a1e27 100644 --- a/src/pages/profile/seller/Offers.tsx +++ b/src/pages/profile/seller/Offers.tsx @@ -3,7 +3,6 @@ import { useMemo } from "react"; import OfferList from "../../../components/offers/OfferList"; import { Profile } from "../../../lib/utils/hooks/lens/graphql/generated"; import { ExtendedSeller } from "../../explore/WithAllOffers"; -import { Action } from "./const"; interface Props { products: ExtendedSeller; @@ -11,7 +10,6 @@ interface Props { sellerId: string; lensProfile?: Profile; }; - action: Action; showInvalidOffers: boolean; isPrivateProfile: boolean; isLoading: boolean; @@ -19,7 +17,6 @@ interface Props { export default function Offers({ products, - action, showInvalidOffers, isPrivateProfile, isLoading, @@ -36,7 +33,6 @@ export default function Offers({ offers={allOffers} isError={false} showSeller={false} - action={action} showInvalidOffers={showInvalidOffers} isPrivateProfile={isPrivateProfile} itemsPerRow={{ diff --git a/src/pages/profile/seller/OpenSeaLogo.tsx b/src/pages/profile/seller/OpenSeaLogo.tsx index 9c152499b..7fa368a99 100644 --- a/src/pages/profile/seller/OpenSeaLogo.tsx +++ b/src/pages/profile/seller/OpenSeaLogo.tsx @@ -44,15 +44,15 @@ export default function OpenSeaLogo() { d="M90 45C90 69.8514 69.8514 90 45 90C20.1486 90 0 69.8514 0 45C0 20.1486 20.1486 0 45 0C69.8566 0 90 20.1486 90 45Z" fill="transparent" stroke-width="8px" - stroke={colors.secondary} + stroke={colors.violet} /> ); diff --git a/src/pages/profile/seller/Seller.tsx b/src/pages/profile/seller/Seller.tsx index 5f29e8a8c..0b916ef76 100644 --- a/src/pages/profile/seller/Seller.tsx +++ b/src/pages/profile/seller/Seller.tsx @@ -56,20 +56,20 @@ const LensTitle = styled(Typography)` const SellerButton = styled.div` margin-left: 0.75rem; padding: 0.25rem 1rem; - border: 2px solid ${colors.secondary}; - color: ${colors.secondary}; + border: 2px solid ${colors.violet}; + color: ${colors.violet}; cursor: pointer; &:hover { color: ${colors.white}; - background: ${colors.secondary}; + background: ${colors.violet}; a { color: ${colors.white}; } } a { - color: ${colors.secondary}; + color: ${colors.violet}; &:hover { - background: ${colors.secondary}; + background: ${colors.violet}; color: ${colors.white}; } } diff --git a/src/pages/profile/seller/Tabs.tsx b/src/pages/profile/seller/Tabs.tsx index 17a4e7125..867e3e37c 100644 --- a/src/pages/profile/seller/Tabs.tsx +++ b/src/pages/profile/seller/Tabs.tsx @@ -135,7 +135,6 @@ export default function Tabs({