diff --git a/src/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg b/src/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg new file mode 100755 index 0000000..072b425 --- /dev/null +++ b/src/images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg @@ -0,0 +1,46 @@ + + Download_on_the_App_Store_Badge_US-UK_RGB_blk_4SVG_092917 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/images/GetItOnGooglePlay_Badge_Web_color_English.png b/src/images/GetItOnGooglePlay_Badge_Web_color_English.png new file mode 100644 index 0000000..7a06997 Binary files /dev/null and b/src/images/GetItOnGooglePlay_Badge_Web_color_English.png differ diff --git a/src/images/badge_obtainium.png b/src/images/badge_obtainium.png new file mode 100644 index 0000000..a4cf4f9 Binary files /dev/null and b/src/images/badge_obtainium.png differ diff --git a/src/index.tsx b/src/index.tsx index 7d45950..ce00d70 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -42,6 +42,7 @@ import { LinkHandler } from "./pages/link-handler"; import { UploadPage } from "./pages/upload"; import { DebugPage } from "./pages/debug"; import { ShortsPage } from "./pages/shorts"; +import { DownloadAppPage } from "./pages/download"; const hasWasm = "WebAssembly" in globalThis; const workerRelay = new WorkerRelayInterface( @@ -92,6 +93,10 @@ const router = createBrowserRouter([ path: "/debug", element: , }, + { + path: "/app", + element: , + }, { path: "/", element: , diff --git a/src/pages/download.tsx b/src/pages/download.tsx new file mode 100644 index 0000000..f083b1e --- /dev/null +++ b/src/pages/download.tsx @@ -0,0 +1,39 @@ +import { FormattedMessage } from "react-intl"; + +import PlayStore from "../images/GetItOnGooglePlay_Badge_Web_color_English.png"; +//import AppStore from "../images/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg"; +import Obtanium from "../images/badge_obtainium.png"; +import QrCode from "@/element/qr-code"; + +export function DownloadAppPage() { + const obtaniumLink = "https://github.com/nostrlabs-io/zap-stream-flutter" + const playStoreLink = "https://play.google.com/store/apps/details?id=io.nostrlabs.zap_stream_flutter"; + //const appStoreLink = "#"; + + return
+

+ +

+ +
+
+ + + + +
+ {/*
+ + + + +
*/} +
+ + + + +
+
+
+} \ No newline at end of file diff --git a/src/pages/root.tsx b/src/pages/root.tsx index b94c2b7..358f852 100644 --- a/src/pages/root.tsx +++ b/src/pages/root.tsx @@ -2,11 +2,17 @@ import { useStreamsFeed } from "@/hooks/live-streams"; import CategoryLink from "@/element/category/category-link"; import VideoGridSorted from "@/element/video-grid-sorted"; import { AllCategories } from "./category"; +import { Icon } from "@/element/icon"; +import { Link } from "react-router-dom"; export function RootPage() { const streams = useStreamsFeed(); return (
+ + + Get the new zap.stream app! +
{AllCategories.filter(a => a.priority === 0).map(a => (