Added Logo-less mode (#105)

src/components/Layout.styles.tsx

@@ -145,3 +145,7 @@ export const Banner = styled.div`
 
     user-select: none;
 `;
+
+export const Filler = styled.div`
+    height: 20px;
+`;

src/components/Layout.tsx

@@ -13,6 +13,7 @@ export { Banner } from './Layout.styles';
 type LayoutProps = {
     fullpageMode?: boolean;
     showSettings?: boolean;
+    hideLogo?: boolean;
 
     severity?: types.Severity | undefined;
 
@@ -28,11 +29,19 @@ const severityTitle: { [key in types.Severity]: string } = {
     HIGH: 'High Risk',
 };
 
-export function Layout({ panel, body, footer, severity, fullpageMode = false, showSettings = true }: LayoutProps) {
+export function Layout({
+    panel,
+    body,
+    footer,
+    severity,
+    fullpageMode = false,
+    showSettings = true,
+    hideLogo = false,
+}: LayoutProps) {
     return (
         <Styled.Container>
             <Styled.Background severity={severity}>
-                <Header showSettings={showSettings} />
+                {hideLogo ? <Styled.Filler></Styled.Filler> : <Header showSettings={showSettings} />}
                 {/* <AnimateGroup play={fullpageMode}> */}
                 <AnimatedComputerImage isVisible={fullpageMode} />
                 <AnimatedPanelHeader severity={severity} />

src/pages/Popup/PopupPanel.tsx

@@ -19,6 +19,7 @@ import 'overlayscrollbars/overlayscrollbars.css';
 import { getPrefferedChinId, setPreferredChainId } from '../../shared/storage';
 
 interface PopupPanelProps {
+    hideLogo?: boolean;
     fullscreen?: boolean;
     hideAlpha?: boolean;
     hideSettings?: boolean;
@@ -31,7 +32,12 @@ const emptyState = {
     address: '',
 };
 
-export function PopupPanel({ hideAlpha = false, hideSettings = false, fullscreen = false }: PopupPanelProps) {
+export function PopupPanel({
+    hideAlpha = false,
+    hideSettings = false,
+    fullscreen = false,
+    hideLogo = false,
+}: PopupPanelProps) {
     const [compactMode, setCompactMode] = useState(false);
     const [searchInput, setSearchInput] = useState<SearchState>(emptyState);
 
@@ -93,6 +99,7 @@ export function PopupPanel({ hideAlpha = false, hideSettings = false, fullscreen
                 showSettings={!hideSettings}
                 fullpageMode={compactMode}
                 severity={analyzeResult.result?.severity}
+                hideLogo={hideLogo}
                 panel={
                     compactMode ? (
                         <NavigationBar

src/pages/Standalone/index.tsx

@@ -12,7 +12,7 @@ function App() {
         logPageView('Standalone');
     }, []);
 
-    return <PopupPanel hideAlpha hideSettings fullscreen />;
+    return <PopupPanel hideAlpha hideSettings fullscreen hideLogo />;
 }
 
 const container = window.document.querySelector('#app-container');