+
{t("user.Sign in")}
)}
diff --git a/root/src/components/frame/Nav.tsx b/root/src/components/frame/Nav.tsx
index 6a02d6e3a..af7b21875 100644
--- a/root/src/components/frame/Nav.tsx
+++ b/root/src/components/frame/Nav.tsx
@@ -1,4 +1,11 @@
-import React, { useState, useEffect, lazy, Suspense, ReactNode, useContext } from "react";
+import React, {
+ useState,
+ useEffect,
+ lazy,
+ Suspense,
+ ReactNode,
+ useContext,
+} from "react";
import { sizes } from "@bit/wasedatime.core.ts.utils.responsive-utils";
import { createBrowserHistory } from "history";
diff --git a/root/src/components/home/HomeModal.tsx b/root/src/components/home/HomeModal.tsx
index a43e33db4..74e6a4756 100644
--- a/root/src/components/home/HomeModal.tsx
+++ b/root/src/components/home/HomeModal.tsx
@@ -4,11 +4,11 @@ import { sizes } from "@bit/wasedatime.core.ts.utils.responsive-utils";
import ReactGA from "react-ga";
import { WithTranslation, withTranslation } from "react-i18next";
import MediaQuery from "react-responsive";
-import { gaSetLanguage } from "@app/ga/eventActions";
-import { gaLanguage } from "@app/ga/eventCategories";
-import Welcome from "@app/components/home/Welcome";
import NewFeatures from "@app/components/home/NewFeatures";
+import Welcome from "@app/components/home/Welcome";
+import { gaSetLanguage } from "@app/ga/eventActions";
+import { gaLanguage } from "@app/ga/eventCategories";
const modalStyle = {
overlay: {
@@ -35,7 +35,7 @@ const modalStyle = {
border: "none",
borderRadius: "20px",
backgroundColor: "transparent",
- padding: 0
+ padding: 0,
},
};
@@ -76,7 +76,11 @@ const HomeModal = ({
const pages = [
setPageIndex(pageIndex + 1)} />,
- setPageIndex(pageIndex - 1)} closeModal={closeModal} isFirstAccess={isFirstAccess} />
+ setPageIndex(pageIndex - 1)}
+ closeModal={closeModal}
+ isFirstAccess={isFirstAccess}
+ />,
];
return (
diff --git a/root/src/components/home/NewFeatures.tsx b/root/src/components/home/NewFeatures.tsx
index b01b28984..0e71976f9 100644
--- a/root/src/components/home/NewFeatures.tsx
+++ b/root/src/components/home/NewFeatures.tsx
@@ -1,16 +1,16 @@
import React from "react";
+
import { useTranslation } from "react-i18next";
import { navigateToUrl } from "single-spa";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faExchangeAlt } from "@fortawesome/free-solid-svg-icons";
-import themeToggleLightImg from "@app/assets/img/home/theme-toggle-light.png";
+
import themeToggleDarkImg from "@app/assets/img/home/theme-toggle-dark.png";
+import themeToggleLightImg from "@app/assets/img/home/theme-toggle-light.png";
type Props = {
isFirstAccess: boolean;
goToPrevPage: () => void;
closeModal: () => void;
-}
+};
const NewFeatures = ({ isFirstAccess, goToPrevPage, closeModal }: Props) => {
const { t } = useTranslation();
@@ -36,22 +36,15 @@ const NewFeatures = ({ isFirstAccess, goToPrevPage, closeModal }: Props) => {
{t("welcome.themeToggle.themeToggleExplain2")}
{t("welcome.themeToggle.themeToggleExplain3")}
-
+
+
-
+
{t("welcome.themeToggle.lightMode")}
-
+
{t("welcome.themeToggle.darkMode")}
@@ -81,7 +74,7 @@ const NewFeatures = ({ isFirstAccess, goToPrevPage, closeModal }: Props) => {
- )
-}
+ );
+};
-export default NewFeatures;
\ No newline at end of file
+export default NewFeatures;
diff --git a/root/src/components/home/Welcome.tsx b/root/src/components/home/Welcome.tsx
index 224ff6b0c..edb0b0be2 100644
--- a/root/src/components/home/Welcome.tsx
+++ b/root/src/components/home/Welcome.tsx
@@ -1,14 +1,16 @@
import React, { useContext } from "react";
-import styled from "styled-components";
-import { useTranslation } from "react-i18next";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faSun, faMoon } from "@fortawesome/free-solid-svg-icons";
+
import { Logo } from "@bit/wasedatime.core.ts.ui.logo";
+import { faSun, faMoon } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useTranslation } from "react-i18next";
+import styled from "styled-components";
+
import { ThemeContext } from "@app/utils/theme-context";
type Props = {
goToNextPage: () => void;
-}
+};
const LogoWrapper = styled("div")`
transform: translate(0, 5vh);
@@ -52,7 +54,10 @@ const Welcome = ({ goToNextPage }: Props) => {
className="ml-4 text-icon-sun dark:text-icon-moon"
onClick={() => setTheme(theme === "light" ? "dark" : "light")}
>
-