From 4b01000d4c4e87f9fd90f3877117de0c43b0d8c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sat, 30 Jul 2022 09:48:29 +0200
Subject: [PATCH] `FullScreenView`
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 ...{FullScreenView.jsx => FullScreenView.tsx} | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)
 rename src/{FullScreenView.jsx => FullScreenView.tsx} (87%)

diff --git a/src/FullScreenView.jsx b/src/FullScreenView.tsx
similarity index 87%
rename from src/FullScreenView.jsx
rename to src/FullScreenView.tsx
index 6dd71277..91821116 100644
--- a/src/FullScreenView.jsx
+++ b/src/FullScreenView.tsx
@@ -1,13 +1,19 @@
-import React, { useCallback, useEffect } from "react";
+import React, { ReactNode, useCallback, useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import styles from "./FullScreenView.module.css";
-import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
 import classNames from "classnames";
+
+import { Header, HeaderLogo, LeftNav, RightNav } from "./Header";
 import { LinkButton, Button } from "./button";
 import { useSubmitRageshake } from "./settings/submit-rageshake";
 import { ErrorMessage } from "./input/Input";
+import styles from "./FullScreenView.module.css";
 
-export function FullScreenView({ className, children }) {
+interface FullScreenViewProps {
+  className?: string;
+  children: ReactNode;
+}
+
+export function FullScreenView({ className, children }: FullScreenViewProps) {
   return (
     <div className={classNames(styles.page, className)}>
       <Header>
@@ -23,7 +29,11 @@ export function FullScreenView({ className, children }) {
   );
 }
 
-export function ErrorView({ error }) {
+interface ErrorViewProps {
+  error: Error;
+}
+
+export function ErrorView({ error }: ErrorViewProps) {
   const location = useLocation();
 
   useEffect(() => {
@@ -31,7 +41,7 @@ export function ErrorView({ error }) {
   }, [error]);
 
   const onReload = useCallback(() => {
-    window.location = "/";
+    window.location.href = "/";
   }, []);
 
   return (
@@ -72,7 +82,7 @@ export function CrashView() {
   }, [submitRageshake]);
 
   const onReload = useCallback(() => {
-    window.location = "/";
+    window.location.href = "/";
   }, []);
 
   let logsComponent;