Skip to content

Commit ef8af37

Browse files
committed
Update
1 parent 1e4322b commit ef8af37

File tree

6 files changed

+49
-14
lines changed

6 files changed

+49
-14
lines changed

apps/dashboard/src/components/connect/ConnectPlaygroundButton.tsx

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
import { Icon } from "@chakra-ui/react";
2-
import { SiReact } from "@react-icons/all-files/si/SiReact";
32
import { SiUnity } from "@react-icons/all-files/si/SiUnity";
3+
<<<<<<< HEAD
44
import { JavaScriptIcon } from "components/icons/brand-icons/JavaScriptIcon";
5+
=======
6+
import { JavaScript } from "components/icons/brand-icons/JavaScriptIcon";
7+
import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
8+
>>>>>>> 51a3d7257 (Update)
59
import { useTrack } from "hooks/analytics/useTrack";
610
import type { Dispatch, ReactNode, SetStateAction } from "react";
711
import { Button } from "tw-components";
@@ -12,11 +16,11 @@ const LOGO_OPTIONS = {
1216
fill: "yellow",
1317
},
1418
react: {
15-
icon: SiReact,
19+
icon: ReactIcon,
1620
fill: "#61dafb",
1721
},
1822
"react-native": {
19-
icon: SiReact,
23+
icon: ReactIcon,
2024
fill: "#61dafb",
2125
},
2226
unity: {

apps/dashboard/src/components/contract-tabs/code/CodeSegment.tsx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,13 @@
11
import { ButtonGroup, Flex, Icon, Stack } from "@chakra-ui/react";
2-
import { SiReact } from "@react-icons/all-files/si/SiReact";
32
import { SiUnity } from "@react-icons/all-files/si/SiUnity";
3+
<<<<<<< HEAD
44
import { JavaScriptIcon } from "components/icons/brand-icons/JavaScriptIcon";
55
import { TypeScriptIcon } from "components/icons/brand-icons/TypeScriptIcon";
6+
=======
7+
import { JavaScript } from "components/icons/brand-icons/JavaScriptIcon";
8+
import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
9+
import { TypeScript } from "components/icons/brand-icons/TypeScriptIcon";
10+
>>>>>>> 51a3d7257 (Update)
611
import { type Dispatch, type SetStateAction, useMemo } from "react";
712
import { Button, CodeBlock } from "tw-components";
813
import type { ComponentWithChildren } from "types/component-with-children";
@@ -28,13 +33,13 @@ const Environments: SupportedEnvironment[] = [
2833
{
2934
environment: "react",
3035
title: "React",
31-
icon: SiReact,
36+
icon: ReactIcon,
3237
colorScheme: "purple",
3338
},
3439
{
3540
environment: "react-native",
3641
title: "React Native",
37-
icon: SiReact,
42+
icon: ReactIcon,
3843
colorScheme: "purple",
3944
},
4045
{
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import type { SVGProps } from "react";
2+
3+
export const ReactIcon = (props: SVGProps<SVGSVGElement>) => {
4+
return (
5+
<svg
6+
role="img"
7+
viewBox="0 0 24 24"
8+
xmlns="http://www.w3.org/2000/svg"
9+
fill="currentColor"
10+
width={24}
11+
height={24}
12+
{...props}
13+
>
14+
<title>React</title>
15+
<path d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" />
16+
</svg>
17+
);
18+
};

apps/dashboard/src/components/product-pages/common/CodeOptionButton.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Icon } from "@chakra-ui/react";
2-
import { SiReact } from "@react-icons/all-files/si/SiReact";
32
import { SiUnity } from "@react-icons/all-files/si/SiUnity";
43
import { JavaScriptIcon } from "components/icons/brand-icons/JavaScriptIcon";
4+
import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
55
import { useTrack } from "hooks/analytics/useTrack";
66
import type { Dispatch, SetStateAction } from "react";
77
import { flushSync } from "react-dom";
@@ -13,11 +13,11 @@ export const LOGO_OPTIONS = {
1313
fill: "yellow",
1414
},
1515
react: {
16-
icon: SiReact,
16+
icon: ReactIcon,
1717
fill: "#61dafb",
1818
},
1919
"react-native": {
20-
icon: SiReact,
20+
icon: ReactIcon,
2121
fill: "#61dafb",
2222
},
2323
unity: {

apps/dashboard/src/components/shared/ConnectSDKCard.tsx

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
1-
import { SiReact } from "@react-icons/all-files/si/SiReact";
21
import { SiUnity } from "@react-icons/all-files/si/SiUnity";
2+
<<<<<<< HEAD
33
import { TypeScriptIcon } from "components/icons/brand-icons/TypeScriptIcon";
4+
=======
5+
import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
6+
import { TypeScript } from "components/icons/brand-icons/TypeScriptIcon";
7+
>>>>>>> 51a3d7257 (Update)
48
import Link from "next/link";
59
import { SiUnrealengine } from "react-icons/si";
610
import { SiDotnet } from "react-icons/si";
@@ -26,12 +30,12 @@ export function ConnectSDKCard({
2630
/>
2731
<DocLink
2832
link="https://portal.thirdweb.com/react/v5/getting-started"
29-
icon={SiReact}
33+
icon={ReactIcon}
3034
label="React SDK"
3135
/>
3236
<DocLink
3337
link="https://portal.thirdweb.com/react-native/v5/getting-started"
34-
icon={SiReact}
38+
icon={ReactIcon}
3539
label="React Native SDK"
3640
/>
3741
<DocLink

apps/dashboard/src/components/wallets/SupportedPlatformLink.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,21 @@
11
import { TrackedLinkTW } from "@/components/ui/tracked-link";
22
import { cn } from "@/lib/utils";
3-
import { SiReact } from "@react-icons/all-files/si/SiReact";
43
import { SiUnity } from "@react-icons/all-files/si/SiUnity";
4+
<<<<<<< HEAD
55
import { TypeScriptIcon } from "components/icons/brand-icons/TypeScriptIcon";
66
import type { IconType } from "react-icons/lib";
7+
=======
8+
import { ReactIcon } from "components/icons/brand-icons/ReactIcon";
9+
import { TypeScript } from "components/icons/brand-icons/TypeScriptIcon";
10+
>>>>>>> 51a3d7257 (Update)
711

812
export function SupportedPlatformLink(props: {
913
platform: "React" | "React Native" | "Unity" | "TypeScript";
1014
href: string;
1115
trackingCategory: string;
1216
className?: string;
1317
}) {
14-
let icon: IconType = SiReact;
18+
let icon = ReactIcon;
1519
if (props.platform === "Unity") {
1620
icon = SiUnity;
1721
} else if (props.platform === "TypeScript") {

0 commit comments

Comments
 (0)