From 34effef8107e08020ec0f6c55f491df42d0bfa8f Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Sat, 25 May 2024 06:18:21 +0530
Subject: [PATCH] tsc

---
 web/apps/accounts/src/pages/_app.tsx          | 2 +-
 web/apps/auth/src/pages/_app.tsx              | 2 +-
 web/apps/photos/src/pages/_app.tsx            | 2 +-
 web/packages/shared/components/EnteLogo.tsx   | 8 +++++---
 web/packages/shared/components/Navbar/app.tsx | 9 +++++++--
 5 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/web/apps/accounts/src/pages/_app.tsx b/web/apps/accounts/src/pages/_app.tsx
index 421680f5ea..e08aacb3f5 100644
--- a/web/apps/accounts/src/pages/_app.tsx
+++ b/web/apps/accounts/src/pages/_app.tsx
@@ -11,7 +11,7 @@ import type {
     SetDialogBoxAttributesV2,
 } from "@ente/shared/components/DialogBoxV2/types";
 import EnteSpinner from "@ente/shared/components/EnteSpinner";
-import AppNavbar from "@ente/shared/components/Navbar/app";
+import { AppNavbar } from "@ente/shared/components/Navbar/app";
 import { useLocalState } from "@ente/shared/hooks/useLocalState";
 import HTTPService from "@ente/shared/network/HTTPService";
 import { LS_KEYS, getData } from "@ente/shared/storage/localStorage";
diff --git a/web/apps/auth/src/pages/_app.tsx b/web/apps/auth/src/pages/_app.tsx
index bd31344625..e4bff37e7e 100644
--- a/web/apps/auth/src/pages/_app.tsx
+++ b/web/apps/auth/src/pages/_app.tsx
@@ -18,7 +18,7 @@ import type {
 } from "@ente/shared/components/DialogBoxV2/types";
 import EnteSpinner from "@ente/shared/components/EnteSpinner";
 import { MessageContainer } from "@ente/shared/components/MessageContainer";
-import AppNavbar from "@ente/shared/components/Navbar/app";
+import { AppNavbar } from "@ente/shared/components/Navbar/app";
 import { PHOTOS_PAGES as PAGES } from "@ente/shared/constants/pages";
 import { useLocalState } from "@ente/shared/hooks/useLocalState";
 import HTTPService from "@ente/shared/network/HTTPService";
diff --git a/web/apps/photos/src/pages/_app.tsx b/web/apps/photos/src/pages/_app.tsx
index ccd3b2d9d1..fddf8624c4 100644
--- a/web/apps/photos/src/pages/_app.tsx
+++ b/web/apps/photos/src/pages/_app.tsx
@@ -24,7 +24,7 @@ import type {
 } from "@ente/shared/components/DialogBoxV2/types";
 import EnteSpinner from "@ente/shared/components/EnteSpinner";
 import { MessageContainer } from "@ente/shared/components/MessageContainer";
-import AppNavbar from "@ente/shared/components/Navbar/app";
+import { AppNavbar } from "@ente/shared/components/Navbar/app";
 import { PHOTOS_PAGES as PAGES } from "@ente/shared/constants/pages";
 import { useLocalState } from "@ente/shared/hooks/useLocalState";
 import HTTPService from "@ente/shared/network/HTTPService";
diff --git a/web/packages/shared/components/EnteLogo.tsx b/web/packages/shared/components/EnteLogo.tsx
index add8fe8f25..0c72403d87 100644
--- a/web/packages/shared/components/EnteLogo.tsx
+++ b/web/packages/shared/components/EnteLogo.tsx
@@ -10,9 +10,11 @@ interface EnteLogoProps {
     height?: number;
 }
 
-export const EnteLogo: React.FC<EnteLogoProps> = ({ height }) => (
-    <LogoImage height={height ?? 18} alt="logo" src="/images/ente.svg" />
-);
+export const EnteLogo: React.FC<EnteLogoProps> = ({ height }) => {
+    return (
+        <LogoImage height={height ?? 18} alt="logo" src="/images/ente.svg" />
+    );
+};
 
 const LogoImage = styled("img")`
     margin: 3px 0;
diff --git a/web/packages/shared/components/Navbar/app.tsx b/web/packages/shared/components/Navbar/app.tsx
index 2169560f77..fe87b68eba 100644
--- a/web/packages/shared/components/Navbar/app.tsx
+++ b/web/packages/shared/components/Navbar/app.tsx
@@ -1,8 +1,13 @@
+import React from "react";
 import { CenteredFlex } from "../../components/Container";
 import { EnteLogo } from "../EnteLogo";
 import NavbarBase from "./base";
 
-export default function AppNavbar({ isMobile }) {
+interface AppNavbarProps {
+    isMobile: boolean;
+}
+
+export const AppNavbar: React.FC<AppNavbarProps> = ({ isMobile }) => {
     return (
         <NavbarBase isMobile={isMobile}>
             <CenteredFlex>
@@ -10,4 +15,4 @@ export default function AppNavbar({ isMobile }) {
             </CenteredFlex>
         </NavbarBase>
     );
-}
+};