From fa7bc205ba2133fc429d2000f3be86a19a666a6e Mon Sep 17 00:00:00 2001 From: Misha Bragin Date: Fri, 29 Dec 2023 18:03:50 +0100 Subject: [PATCH] Add reference to the Apple Store on the Add Peer window (#311) --- e2e-tests/pages/modals/add-peer-modal.ts | 14 ++++ e2e-tests/tests/peers.test.ts | 5 ++ src/assets/app-store-badge.png | Bin 0 -> 25152 bytes src/components/Banner.tsx | 8 +-- .../popups/addpeer/addpeer/AddPeerPopup.tsx | 9 ++- .../popups/addpeer/addpeer/IOSIcon.tsx | 21 ++++++ .../popups/addpeer/addpeer/IOSTab.tsx | 62 ++++++++++++++++++ 7 files changed, 114 insertions(+), 5 deletions(-) create mode 100644 src/assets/app-store-badge.png create mode 100644 src/components/popups/addpeer/addpeer/IOSIcon.tsx create mode 100644 src/components/popups/addpeer/addpeer/IOSTab.tsx diff --git a/e2e-tests/pages/modals/add-peer-modal.ts b/e2e-tests/pages/modals/add-peer-modal.ts index a2d0ea9..1687059 100644 --- a/e2e-tests/pages/modals/add-peer-modal.ts +++ b/e2e-tests/pages/modals/add-peer-modal.ts @@ -6,6 +6,7 @@ export class AddPeerModal { private readonly windowsTab = this.page.getByTestId('add-peer-modal-windows-tab') private readonly macTab = this.page.getByTestId('add-peer-modal-mac-tab') private readonly androidTab = this.page.getByTestId('add-peer-modal-android-tab') + private readonly iosTab = this.page.getByTestId('add-peer-modal-ios-tab') private readonly dockerTab = this.page.getByTestId('add-peer-modal-docker-tab') private readonly linuxTabText = this.page.locator('pre').filter({ hasText: 'curl -fsSL https://pkgs.netbird.io/install.sh | sh' }) private readonly windowsDownloadButton = this.page.getByTestId('download-windows-button') @@ -57,6 +58,13 @@ export class AddPeerModal { }) } + async openIOSTab() { + await test.step('Open iOS tab on add peer modal', async () => { + await this.iosTab.click(); + + }) + } + async openDockerTab() { await test.step('Open Docker tab on add peer modal', async () => { await this.dockerTab.click(); @@ -94,6 +102,12 @@ export class AddPeerModal { }) } + async assertiOSDownloadButtonHasCorrectLink() { + await test.step('Assert iOS download button has a correct link', async () => { + await expect(this.androidDownloadButton).toHaveAttribute('href', 'https://apps.apple.com/app/netbird-p2p-vpn/id6469329339'); + }) + } + async assertDockerDownloadButtonHasCorrectLink() { await test.step('Assert Docker download button has a correct link', async () => { await expect(this.dockerDownloadButton).toHaveAttribute('href', 'https://docs.docker.com/engine/install/'); diff --git a/e2e-tests/tests/peers.test.ts b/e2e-tests/tests/peers.test.ts index 4e4c156..4306c6e 100644 --- a/e2e-tests/tests/peers.test.ts +++ b/e2e-tests/tests/peers.test.ts @@ -30,6 +30,11 @@ test('Test MacOS tab on a first access add peer modal / @bc', async () => { await addPeerModal.assertM1M2DownloadButtonHasCorrectLink(); }); +test('Test iOS tab on a first access add peer modal', async () => { + await addPeerModal.openIOSTab(); + await addPeerModal.assertiOSDownloadButtonHasCorrectLink(); +}); + test('Test Android tab on a first access add peer modal', async () => { await addPeerModal.openAndroidTab(); await addPeerModal.assertAndroidDownloadButtonHasCorrectLink(); diff --git a/src/assets/app-store-badge.png b/src/assets/app-store-badge.png new file mode 100644 index 0000000000000000000000000000000000000000..e3de46f6072933783e7a5df3c281efe56c8dbfea GIT binary patch literal 25152 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 C3_Owm literal 0 HcmV?d00001 diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx index 7cf9346..9811f4a 100644 --- a/src/components/Banner.tsx +++ b/src/components/Banner.tsx @@ -15,18 +15,18 @@ const Banner = () => { localStorage.setItem(banner_closed_key,'true'); }; - const announcement = "New Release! Manage DNS with NetBird." + const announcement = "NetBird is now available on the App Store." const announcement_md5 = Md5.hashStr(announcement) const linkLearnMore = () => { return ( Learn more  + >Download  ) } @@ -36,7 +36,7 @@ const Banner = () => { if((!stored_banner_closed || stored_banner_closed !== 'true') || (!store_banner_md5 || store_banner_md5 !== announcement_md5)) { - //setShow(true); + setShow(true); localStorage.setItem(banner_md5_key,announcement_md5); localStorage.setItem(banner_closed_key,'false'); } diff --git a/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx b/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx index 3530bd6..3945fb6 100644 --- a/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx +++ b/src/components/popups/addpeer/addpeer/AddPeerPopup.tsx @@ -11,6 +11,8 @@ import MacTab from "./MacTab"; import Link from "antd/lib/typography/Link"; import DockerTab from "./DockerTab"; import AndroidTab from "./AndroidTab"; +import IOSTab from "./IOSTab"; +import {IOSIcon} from "./IOSIcon"; type Props = { greeting?: string; @@ -54,11 +56,16 @@ export const AddPeerPopup: React.FC = ({ }, { key: "4", + label: iOS, + children: , + }, + { + key: "5", label: Android, children: , }, { - key: "5", + key: "6", label: Docker, children: , } diff --git a/src/components/popups/addpeer/addpeer/IOSIcon.tsx b/src/components/popups/addpeer/addpeer/IOSIcon.tsx new file mode 100644 index 0000000..c9902d4 --- /dev/null +++ b/src/components/popups/addpeer/addpeer/IOSIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import Icon, { HomeOutlined } from '@ant-design/icons'; +import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon'; +import { Space } from 'antd'; + + +const SvgIcon = () => ( + + + +); + +export const IOSIcon = (props: Partial) => ( + +); diff --git a/src/components/popups/addpeer/addpeer/IOSTab.tsx b/src/components/popups/addpeer/addpeer/IOSTab.tsx new file mode 100644 index 0000000..7bf3eb7 --- /dev/null +++ b/src/components/popups/addpeer/addpeer/IOSTab.tsx @@ -0,0 +1,62 @@ +import React, {useState} from 'react'; + +import {Button, Image, Typography} from "antd"; +import TabSteps from "./TabSteps"; +import { StepCommand } from "./types" +import applestore from '../../../../assets/app-store-badge.png'; +import {getConfig} from "../../../../config"; +const { grpcApiOrigin } = getConfig(); + +const {Text} = Typography; + +export const IOSTab = () => { + + const [steps, setSteps] = useState([ + { + key: 1, + title: 'Download and install the application from App Store:', + commands: ( + + + + ), + copied: false + } as StepCommand, + ... grpcApiOrigin ? [{ + key: 2, + title: 'Click on "Change Server" and enter the following "Server"', + commands: grpcApiOrigin, + commandsForCopy: grpcApiOrigin, + copied: false, + showCopyButton: false + }] : [], + { + key: 2 + (grpcApiOrigin ? 1 : 0), + title: 'Click on the "Connect" button in the middle of the screen', + commands: '', + copied: false, + showCopyButton: false + }, + { + key: 3 + (grpcApiOrigin ? 1 : 0), + title: 'Sign up using your email address', + commands: '', + copied: false, + showCopyButton: false + } + ]) + + return ( +
+ + Install on Android + +
+ +
+ +
+ ) +} + +export default IOSTab \ No newline at end of file