clean up

Author: ci-bot

apps/remix-ide/src/app/components/preload.tsx

@@ -1,7 +1,6 @@
 import { RemixApp } from '@remix-ui/app'
 import axios from 'axios'
 import React, { useState, useEffect, useRef } from 'react'
-import { FormattedMessage, useIntl } from 'react-intl'
 import { useTracking, TrackingProvider } from '../contexts/TrackingContext'
 import { TrackingFunction } from '../utils/TrackingFunction'
 import * as packageJson from '../../../../../package.json'
@@ -28,7 +27,6 @@ export const Preload = (props: PreloadProps) => {
   const [showDownloader, setShowDownloader] = useState<boolean>(false)
   const containerRef = useRef<HTMLDivElement>(null)
   const mainRef = useRef<HTMLDivElement>(null)
-  const tipsRef = useRef<HTMLDivElement>(null)
   const remixFileSystems = useRef<fileSystems>(new fileSystems())
   const remixIndexedDB = useRef<fileSystem>(new indexedDBFileSystem())
   const localStorageFileSystem = useRef<fileSystem>(new localStorageFS())
@@ -113,7 +111,7 @@ export const Preload = (props: PreloadProps) => {
     }
     async function loadStorage() {
       ; (await remixFileSystems.current.addFileSystem(remixIndexedDB.current)) || trackMatomoEvent?.({ category: 'Storage', action: 'error', name: 'indexedDB not supported', isClick: false })
-        ; (await remixFileSystems.current.addFileSystem(localStorageFileSystem.current)) || trackMatomoEvent?.({ category: 'Storage', action: 'error', name: 'localstorage not supported', isClick: false })
+      ; (await remixFileSystems.current.addFileSystem(localStorageFileSystem.current)) || trackMatomoEvent?.({ category: 'Storage', action: 'error', name: 'localstorage not supported', isClick: false })
       await testmigration()
       remixIndexedDB.current.loaded && (await remixIndexedDB.current.checkWorkspaces())
       localStorageFileSystem.current.loaded && (await localStorageFileSystem.current.checkWorkspaces())
@@ -137,7 +135,6 @@ export const Preload = (props: PreloadProps) => {
       console.log(e)
     }
 
-
     return () => {
       abortController.abort();
     };
@@ -206,10 +203,10 @@ export const Preload = (props: PreloadProps) => {
           ) : null}
         </div>
         <div className="preload-bottom opt-out">
-           { tip && <div className='remix_tips text-center mt-3'>
-              <div><b>DID YOU KNOW</b></div>
-              <span>{tip}</span>
-            </div> }
+          { tip && <div className='remix_tips text-center mt-3'>
+            <div><b>DID YOU KNOW</b></div>
+            <span>{tip}</span>
+          </div> }
         </div>
       </div>
     </>

apps/remix-ide/src/app/components/styles/preload.css

@@ -6,6 +6,7 @@
   align-items: center;     /* centers .preload-main horizontally */
   height: 100vh;
 }
+
 /* Center the main content while allowing a footer-like tips area below */
 .preload-main {
     display: flex;
@@ -16,14 +17,6 @@
     position: relative;
 }
 
-.preload-tips {
-    position: absolute; /* top is set dynamically to sit below the main block */
-    left: 0;
-    right: 0;
-    width: 100%;
-    padding: 0 16px;
-}
-
 .preload-info-container {
     display: flex;
     flex-direction: column;
@@ -74,6 +67,7 @@
     max-width: 800px;
     margin: 0 auto;
 }
+
 .remix_tips span {
     display: -webkit-box;
     line-clamp: 2;
@@ -82,7 +76,6 @@
     overflow: hidden;
 }
 
-
 .preload-bottom.opt-out {
   position: absolute;
   top: 50%;