From 6a3967838e1d1541404a17f9d684d7efceb28031 Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Tue, 1 Aug 2023 18:15:26 -0700
Subject: use hero-icons, instead of styled-icons/heroicons

---
 extension/react-app/src/components/Onboarding.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'extension/react-app/src/components/Onboarding.tsx')

diff --git a/extension/react-app/src/components/Onboarding.tsx b/extension/react-app/src/components/Onboarding.tsx
index b7c80416..dd93df26 100644
--- a/extension/react-app/src/components/Onboarding.tsx
+++ b/extension/react-app/src/components/Onboarding.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import styled from "styled-components";
-import { ArrowLeft, ArrowRight } from "@styled-icons/heroicons-outline";
+import { ArrowLeftIcon, ArrowRightIcon } from "@heroicons/react/24/outline";
 import { defaultBorderRadius } from ".";
 import Loader from "./Loader";
 
@@ -109,7 +109,7 @@ const Onboarding = () => {
             hidden={counter === 0}
             onClick={() => setCounter((prev) => Math.max(prev - 1, 0))}
           >
-            <ArrowLeft width="18px" strokeWidth="2px" /> Previous
+            <ArrowLeftIcon width="18px" strokeWidth="2px" /> Previous
           </StyledSpan>
           <span hidden={counter === 0}>{" | "}</span>
           <StyledSpan onClick={() => setCounter((prev) => prev + 1)}>
@@ -118,7 +118,7 @@ const Onboarding = () => {
               : counter === 3
               ? "Get Started"
               : "Next"}{" "}
-            <ArrowRight width="18px" strokeWidth="2px" />
+            <ArrowRightIcon width="18px" strokeWidth="2px" />
           </StyledSpan>
         </p>
       </div>
-- 
cgit v1.2.3-70-g09d2

