{reason} , ), ) return } } return await connection.disconnect() } const isCancel = connection.status !== ConnectionStatus.NOT_CONNECTED const buttonProps: BrandButtonProps = { disabled: connection.gracePeriod, onClick, } return isCancel ? (
Mysterium Node: {nodeVersion()}
Error: {reason} , ), ) } } const handleExportCancel = () => { setExportPrompt(false) } return (
Error: {reason} ) }, }) .then(() => onboarding.finishIDSetup()) } const handleImportCancel = () => { setImportPrompt(false) } return (
No subscriptions, no monthly fees – just minute-by-minute payments. } animation={animationPayAsYouGo} onBack={() => navigate(-1)} onNext={() => navigate(locations.onboardingIntro4)} onSkip={() => onboarding.onboardingStepsComplete()} /> ) }) ================================================ FILE: src/app/onboarding/components/IntroductionSteps/Step4.tsx ================================================ /** * Copyright (c) 2022 BlockDev AG * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ import React from "react" import { useNavigate } from "react-router-dom" import { observer } from "mobx-react-lite" import { useStores } from "../../../store" import { IntroductionStep } from "./IntroductionSteps" import animationCrypto from "./animation_crypto.json" export const Step4: React.FC = observer(function Step4() { const { onboarding } = useStores() const navigate = useNavigate() return (
{headerGroups.map((headerGroup) => {
const { style, key, ...restHeaderGroupProps } = headerGroup.getHeaderGroupProps()
return (
{headerGroup.headers.map((column) => {
const { key, ...restHeaderProps } = column.getHeaderProps(
column.getSortByToggleProps({
title: column.canSort ? `Sort by ${column.Header}` : undefined,
}),
)
return (
)
})}
{column.render("Header")}
)
})}
{row.cells.map((cell) => {
const { key, ...rest } = cell.getCellProps()
return (
{cell.render("Cell")}
)
})}
Download the new app to use Mysterium VPN on Android, iOS, Mac and Windows
{text &&
)
================================================
FILE: src/app/ui-kit/components/SectionTitle/SectionTitle.tsx
================================================
/**
* Copyright (c) 2020 BlockDev AG
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import styled from "styled-components"
import { textCaption } from "../../typography"
export const SectionTitle = styled.div`
${textCaption}
color: #777;
display: flex;
align-items: center;
margin-bottom: 16px;
`
================================================
FILE: src/app/ui-kit/components/Spinner/Spinner.tsx
================================================
/**
* Copyright (c) 2022 BlockDev AG
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from "react"
import Lottie from "react-lottie-player"
import styled from "styled-components"
import animationSpinner from "./animation_spinner.json"
export interface SpinnerProps {
className?: string
}
const Container = styled.div`
width: 80px;
`
export const Spinner: React.FC{message}
Thanks for the feedback! ) }, error: function errorToast(reason) { return ( Could not submit the report 😶
{reason} ) }, }) clearInputs() } return ( <>
Provider - maximum privacy
Automatic - maximum reliability
You will need to re-connect for the change to apply.
It increases your chances of successfully connecting to provider nodes.
Disable to see all provider nodes.
{filename} ) }, error: function errorToast(reason) { return ( Identity backup failed 😶
Error: {reason} ) }, }) } const handleExportCancel = () => { setExportPrompt(false) } // Import const [importPrompt, setImportPrompt] = useState(false) const [importFilename, setImportFilename] = useState("") const handleImportInitiate = async () => { const filename = await identity.importIdentityChooseFile() if (!filename) { return } setImportFilename(filename) setImportPrompt(true) } const handleImportSubmit = async ({ passphrase }: ImportIdentityFormFields) => { setImportPrompt(false) const res = identity.importIdentity({ filename: importFilename, passphrase }) toast.promise(res, { loading: "Importing identity...", success: function successToast() { return ( Mysterium ID imported! ) }, error: function errorToast(reason) { return ( Mysterium ID import failed 😶
Error: {reason} ) }, }) } const handleImportCancel = () => { setImportPrompt(false) } return ( <>
{reason} , ), ) return } } return await connection.disconnect() } return (
No referral token is available at this time.
Please try again later.
) : ( <>Your referral code
{token}
payment.downloadInvoice()}>
{props.minutes.toString().padStart(2, "0")}:
{props.seconds.toString().padStart(2, "0")}
)}
/>
{props.minutes.toString().padStart(2, "0")}:
{props.seconds.toString().padStart(2, "0")}
)}
/>
We do not store any card details.
We do not store any card details.
video
music
browsing