IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login: use useLayoutEffect

Browse Source
This commit is contained in:
Viktor Fomin 2022-12-22 14:56:24 +03:00
parent 532f94ba0c
commit 04bd4ab927
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/login/src/client/components/CodeLogin.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect, useState } from "react";
import React, { useLayoutEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { inject, observer } from "mobx-react";
import Text from "@docspace/components/text";
@ -39,7 +39,7 @@ const Form: React.FC = ({ theme, setTheme, logoUrls }) => {
const email = "test@onlyoffice.com"; //TODO: get email from form
const validCode = "123456"; //TODO: get from api
useEffect(() => {
useLayoutEffect(() => {
const theme =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches

4
packages/login/src/client/components/Login.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect, useState, useCallback } from "react";
import React, { useLayoutEffect, useState, useCallback } from "react";
import { useTranslation } from "react-i18next";
import { inject, observer } from "mobx-react";
import { ButtonsWrapper, LoginFormWrapper } from "./StyledLogin";
@ -49,7 +49,7 @@ const Login: React.FC<ILoginProps> = ({
const { t } = useTranslation(["Login", "Common"]);
const mounted = useMounted();
useEffect(() => {
useLayoutEffect(() => {
const theme =
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: dark)").matches