diff options
author | Nate Sesti <sestinj@gmail.com> | 2023-06-22 17:02:50 -0700 |
---|---|---|
committer | Nate Sesti <sestinj@gmail.com> | 2023-06-22 17:02:50 -0700 |
commit | 5b06f7703dc0ad0855d6fd908c2aad66d73ee412 (patch) | |
tree | 4c1a06a5d6e33ce31762227d1669e4813b21fc90 /extension/react-app/src/components/ContinueButton.tsx | |
parent | d1d0e3d6ed02512489b42fa4a8a2176df7187207 (diff) | |
download | sncontinue-5b06f7703dc0ad0855d6fd908c2aad66d73ee412.tar.gz sncontinue-5b06f7703dc0ad0855d6fd908c2aad66d73ee412.tar.bz2 sncontinue-5b06f7703dc0ad0855d6fd908c2aad66d73ee412.zip |
added continue retro button icon
Diffstat (limited to 'extension/react-app/src/components/ContinueButton.tsx')
-rw-r--r-- | extension/react-app/src/components/ContinueButton.tsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/extension/react-app/src/components/ContinueButton.tsx b/extension/react-app/src/components/ContinueButton.tsx index c6117bf9..ef6719b7 100644 --- a/extension/react-app/src/components/ContinueButton.tsx +++ b/extension/react-app/src/components/ContinueButton.tsx @@ -1,6 +1,8 @@ import styled, { keyframes } from "styled-components"; import { Button } from "."; import { Play } from "@styled-icons/heroicons-outline"; +import { useSelector } from "react-redux"; +import { RootStore } from "../redux/store"; let StyledButton = styled(Button)` margin: auto; @@ -25,14 +27,21 @@ let StyledButton = styled(Button)` `; function ContinueButton(props: { onClick?: () => void; hidden?: boolean }) { + const vscMediaUrl = useSelector( + (state: RootStore) => state.config.vscMediaUrl + ); + return ( <StyledButton hidden={props.hidden} className="m-auto" onClick={props.onClick} > - <Play /> - {/* <img src={"/continue_arrow.png"} width="16px"></img> */} + {vscMediaUrl ? ( + <img src={`${vscMediaUrl}/play_button.png`} width="22px" /> + ) : ( + <Play /> + )} Continue </StyledButton> ); |