diff --git a/build/Open.svg b/build/Open.svg new file mode 100644 index 0000000..21db53e --- /dev/null +++ b/build/Open.svg @@ -0,0 +1,3 @@ + + + diff --git a/build/Search.svg b/build/Search.svg new file mode 100644 index 0000000..db77047 --- /dev/null +++ b/build/Search.svg @@ -0,0 +1,4 @@ + + + + diff --git a/build/wordmark.svg b/build/wordmark.svg new file mode 100644 index 0000000..79fb2b7 --- /dev/null +++ b/build/wordmark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/renderer/StartScreen.tsx b/src/renderer/StartScreen.tsx new file mode 100644 index 0000000..5e153ae --- /dev/null +++ b/src/renderer/StartScreen.tsx @@ -0,0 +1,66 @@ +import { css, jsx } from "@emotion/core"; +/** @jsx jsx */ +import React, { useEffect, useState } from "react"; +import { showOpenFile } from "."; +import { shell } from "electron"; +import wordmark from "../../build/wordmark.svg"; +import logo from "../../build/icon.svg"; +import search from "../../build/search.svg"; +import open from "../../build/open.svg"; + +export const StartScreen: React.FunctionComponent<{}> = (props) => { + return ( +
+
+ + +
+ showOpenFile()}> + + Choose BloomPUB book on this computer + +
+ { + shell.openExternal("https://bloomlibrary.org/browse"); + }} + > + + Get BloomPUB books on BloomLibrary.org + +
+
+
+ ); +};