fixed missing styles

packages/anastasis-webui/src/context/translation.ts

@@ -52,7 +52,7 @@ export const TranslationProvider = ({ initial, children, forceLang }: Props): VN
       changeLanguage(forceLang)
     }
   })
-  const handler = new jedLib.Jed(strings[lang]);
+  const handler = new jedLib.Jed(strings[lang] || strings['en']);
   return h(Context.Provider, { value: { lang, handler, changeLanguage }, children });
 }
 

packages/anastasis-webui/src/pages/home/AuthMethodPostSetup.tsx

@@ -33,7 +33,7 @@ export function AuthMethodPostSetup(props: AuthMethodSetupProps): VNode {
   };
 
   return (
-    <div > {/* class={style.home} */}
+    <div class="home"> 
       <h1>Add {props.method} authentication</h1>
       <div>
         <p>

packages/anastasis-webui/src/pages/home/ReviewPoliciesScreen.tsx

@@ -12,8 +12,7 @@ export function ReviewPoliciesScreen(props: BackupReducerProps): VNode {
           .map((x, i) => authMethods[x.authentication_method].type)
           .join(" + ");
         return (
-          <div key={i}>
+          <div key={i} class="policy">
-          {/* <div key={i} class={style.policy}> */}
             <h3>
               Policy #{i + 1}: {policyName}
             </h3>

packages/anastasis-webui/src/pages/home/index.tsx

@@ -27,6 +27,7 @@ import { SecretSelectionScreen } from "./SecretSelectionScreen";
 import { SolveScreen } from "./SolveScreen";
 import { StartScreen } from "./StartScreen";
 import { TruthsPayingScreen } from "./TruthsPayingScreen";
+import "./../home/style"
 
 const WithReducer = createContext<AnastasisReducerApi | undefined>(undefined);
 
@@ -89,7 +90,7 @@ export function AnastasisClientFrame(props: AnastasisClientFrameProps): VNode {
   return (<Fragment>
     <Menu title="Anastasis" />
     <section class="section">
-      <div onKeyPress={(e) => handleKeyPress(e)}> {/* class={style.home} */}
+      <div class="home" onKeyPress={(e) => handleKeyPress(e)}> 
         <button onClick={() => reducer.reset()}>Reset session</button>
         <h1>{props.title}</h1>
         <ErrorBanner reducer={reducer} />
@@ -234,7 +235,7 @@ function ErrorBanner(props: ErrorBannerProps): VNode | null {
   const currentError = props.reducer.currentError;
   if (currentError) {
     return (
-      <div id="error"> {/* style.error */}
+      <div id="error"> 
         <p>Error: {JSON.stringify(currentError)}</p>
         <button onClick={() => props.reducer.dismissError()}>
           Dismiss Error

packages/anastasis-webui/src/pages/home/style.css

@@ -1,25 +0,0 @@
-.home {
-  padding: 1em 1em;
-  min-height: 100%;
-  width: 100%;
-  max-width: 40em;
-}
-
-.home div {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.policy {
-  padding: 0.5em;
-  border: 1px solid black;
-  border-radius: 0.5em;
-  border-radius: 0.5em;
-}
-
-.home > #error {
-  padding: 0.5em;
-  border: 1px solid black;
-  background-color: rgb(228, 189, 197);
-  border-radius: 0.5em;
-}

packages/anastasis-webui/src/pages/notfound/style.css

@@ -1,4 +0,0 @@
-.notfound {
-    padding: 0 5%;
-    margin: 100px 0;
-}

packages/anastasis-webui/src/pages/profile/style.css

@@ -1,5 +0,0 @@
-.profile {
-	padding: 56px 20px;
-	min-height: 100%;
-	width: 100%;
-}

packages/anastasis-webui/src/scss/main.scss

@@ -189,3 +189,41 @@ div[data-tooltip]::before {
   background-color: #fffbdd;
   border: solid 1px #f2e9bf;
 }
+
+
+.home {
+  padding: 1em 1em;
+  min-height: 100%;
+  width: 100%;
+  max-width: 40em;
+}
+
+.home div {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+.policy {
+  padding: 0.5em;
+  border: 1px solid black;
+  border-radius: 0.5em;
+  border-radius: 0.5em;
+}
+
+.home > #error {
+  padding: 0.5em;
+  border: 1px solid black;
+  background-color: rgb(228, 189, 197);
+  border-radius: 0.5em;
+}
+
+.profile {
+	padding: 56px 20px;
+	min-height: 100%;
+	width: 100%;
+}
+
+.notfound {
+  padding: 0 5%;
+  margin: 100px 0;
+}

packages/anastasis-webui/src/style/index.css

@@ -1,20 +0,0 @@
-html, body {
-	height: 100%;
-	width: 100%;
-	padding: 0;
-	margin: 0;
-	background: #FAFAFA;
-	font-family: 'Helvetica Neue', arial, sans-serif;
-	font-weight: 400;
-	color: #444;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-* {
-	box-sizing: border-box;
-}
-
-#app {
-	height: 100%;
-}