Clean up app to remove old prerendering bits

src/components/home/index.tsx

@@ -26,9 +26,14 @@ export default class Home extends Component<Props, State> {
 
   render({ files }: Props, { active }: State) {
     return (
-      <div class={style.home + ' ' + (active ? style.active : '')}>
+      <div class={style.home}>
         { files && files[0] && (
-          <img src={files[0].uri} style="width:100%;" />
+          <img src={files[0].uri} class={style.image} />
+        ) || (
+          <div class={style.content}>
+            <h1>Squoosh</h1>
+            <p>Test home content</p>
+          </div>
         ) }
       </div>
     );

src/components/home/style.scss

@@ -7,14 +7,15 @@
 
 .home {
   padding: 20px;
-  opacity: 0;
 }
 
-.active {
+.image {
-  animation: fadeIn 2s forwards ease 1;
+  width: 100%;
 }
 
-@keyframes fadeIn {
+.content {
-  from { opacity: 0; }
+  max-width: 600px;
-  to { opacity: 1; }
+  margin: 50px auto 0;
-}
+  font-size: 120%;
+  text-align: center;
+}

src/components/home/style.scss.d.ts

@@ -1,3 +1,3 @@
 export const home: string;
-export const active: string;
+export const image: string;
-export const fadeIn: string;
+export const content: string;

src/style/index.scss

@@ -1,5 +1,5 @@
-// @import './material-icons.scss';
 // @import 'material-components-web/material-components-web';
+@import './material-icons.scss';
 @import './reset.scss';
 // @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
 

src/style/material-icons.scss

@@ -2,11 +2,9 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: local('Material Icons'),
+  font-display: swap;
-    local('MaterialIcons-Regular'),
+  // @todo woff fallback!
-    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
+  src: url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
-    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
-    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
 }
 
 .material-icons {
@@ -14,15 +12,13 @@
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
-  display: inline-block;
   line-height: 1;
-  text-transform: none;
   letter-spacing: normal;
-  word-wrap: normal;
+  text-transform: none;
+  display: inline-block;
   white-space: nowrap;
+  word-wrap: normal;
   direction: ltr;
+  -webkit-font-feature-settings: 'liga';
   -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
+}
-  -moz-osx-font-smoothing: grayscale;
-  font-feature-settings: 'liga';
-}