Web: Client: JavascriptSDK: dark mode was added for manager
This commit is contained in:
parent
b9008210ff
commit
498155bea3
@ -30,6 +30,12 @@ import ColumnsUrl from "PUBLIC_DIR/images/sdk-presets_columns.react.svg?url";
|
|||||||
import ActionButtonUrl from "PUBLIC_DIR/images/sdk-presets_action-button.react.svg?url";
|
import ActionButtonUrl from "PUBLIC_DIR/images/sdk-presets_action-button.react.svg?url";
|
||||||
import SearchUrl from "PUBLIC_DIR/images/sdk-presets_search.react.svg?url";
|
import SearchUrl from "PUBLIC_DIR/images/sdk-presets_search.react.svg?url";
|
||||||
import HeaderUrl from "PUBLIC_DIR/images/sdk-presets_header.react.svg?url";
|
import HeaderUrl from "PUBLIC_DIR/images/sdk-presets_header.react.svg?url";
|
||||||
|
import LeftMenuDarkUrl from "PUBLIC_DIR/images/sdk-presets_left-menu_dark.react.svg?url";
|
||||||
|
import TitleDarkUrl from "PUBLIC_DIR/images/sdk-presets_title_dark.react.svg?url";
|
||||||
|
import ColumnsDarkUrl from "PUBLIC_DIR/images/sdk-presets_columns_dark.react.svg?url";
|
||||||
|
import ActionButtonDarkUrl from "PUBLIC_DIR/images/sdk-presets_action-button_dark.react.svg?url";
|
||||||
|
import SearchDarkUrl from "PUBLIC_DIR/images/sdk-presets_search_dark.react.svg?url";
|
||||||
|
import HeaderDarkUrl from "PUBLIC_DIR/images/sdk-presets_header_dark.react.svg?url";
|
||||||
|
|
||||||
const showPreviewThreshold = 720;
|
const showPreviewThreshold = 720;
|
||||||
|
|
||||||
@ -128,7 +134,7 @@ import {
|
|||||||
} from "./StyledPresets";
|
} from "./StyledPresets";
|
||||||
|
|
||||||
const Manager = (props) => {
|
const Manager = (props) => {
|
||||||
const { t, setDocumentTitle, fetchExternalLinks } = props;
|
const { t, setDocumentTitle, fetchExternalLinks, theme } = props;
|
||||||
|
|
||||||
setDocumentTitle(t("JavascriptSdk"));
|
setDocumentTitle(t("JavascriptSdk"));
|
||||||
|
|
||||||
@ -731,7 +737,7 @@ const Manager = (props) => {
|
|||||||
<TooltipContent
|
<TooltipContent
|
||||||
title={t("Menu")}
|
title={t("Menu")}
|
||||||
description={t("MenuDescription")}
|
description={t("MenuDescription")}
|
||||||
img={LeftMenuUrl}
|
img={theme.isBase ? LeftMenuUrl : LeftMenuDarkUrl}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
@ -752,7 +758,7 @@ const Manager = (props) => {
|
|||||||
<TooltipContent
|
<TooltipContent
|
||||||
title={t("Common:Title")}
|
title={t("Common:Title")}
|
||||||
description={t("ManagerTitleDescription")}
|
description={t("ManagerTitleDescription")}
|
||||||
img={TitleUrl}
|
img={theme.isBase ? TitleUrl : TitleDarkUrl}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
@ -772,7 +778,7 @@ const Manager = (props) => {
|
|||||||
<TooltipContent
|
<TooltipContent
|
||||||
title={t("SettingUpColumns")}
|
title={t("SettingUpColumns")}
|
||||||
description={t("SettingUpColumnsDescription")}
|
description={t("SettingUpColumnsDescription")}
|
||||||
img={ColumnsUrl}
|
img={theme.isBase ? ColumnsUrl : ColumnsDarkUrl}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
@ -792,7 +798,7 @@ const Manager = (props) => {
|
|||||||
<TooltipContent
|
<TooltipContent
|
||||||
title={t("ActionButton")}
|
title={t("ActionButton")}
|
||||||
description={t("ActionButtonDescription")}
|
description={t("ActionButtonDescription")}
|
||||||
img={ActionButtonUrl}
|
img={theme.isBase ? ActionButtonUrl : ActionButtonDarkUrl}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
@ -812,7 +818,7 @@ const Manager = (props) => {
|
|||||||
<TooltipContent
|
<TooltipContent
|
||||||
title={t("SearchBlock")}
|
title={t("SearchBlock")}
|
||||||
description={t("ManagerSearchBlockDescription")}
|
description={t("ManagerSearchBlockDescription")}
|
||||||
img={SearchUrl}
|
img={theme.isBase ? SearchUrl : SearchDarkUrl}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
@ -833,7 +839,7 @@ const Manager = (props) => {
|
|||||||
<TooltipContent
|
<TooltipContent
|
||||||
title={t("Header")}
|
title={t("Header")}
|
||||||
description={t("HeaderDescription")}
|
description={t("HeaderDescription")}
|
||||||
img={HeaderUrl}
|
img={theme.isBase ? HeaderUrl : HeaderDarkUrl}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
|
@ -38,7 +38,7 @@ export const TooltipContent = ({ title, description, img }) => {
|
|||||||
<Text fontSize="16px" fontWeight={700} lineHeight="22px">
|
<Text fontSize="16px" fontWeight={700} lineHeight="22px">
|
||||||
{title}
|
{title}
|
||||||
</Text>
|
</Text>
|
||||||
<XImg />
|
{/* <XImg /> */}
|
||||||
</HeaderContainer>
|
</HeaderContainer>
|
||||||
<Text>{description}</Text>
|
<Text>{description}</Text>
|
||||||
<ImgWrapper>
|
<ImgWrapper>
|
||||||
|
11
public/images/sdk-presets_action-button_dark.react.svg
Normal file
11
public/images/sdk-presets_action-button_dark.react.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 20 KiB |
9
public/images/sdk-presets_columns_dark.react.svg
Normal file
9
public/images/sdk-presets_columns_dark.react.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 7.6 KiB |
9
public/images/sdk-presets_header_dark.react.svg
Normal file
9
public/images/sdk-presets_header_dark.react.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 26 KiB |
9
public/images/sdk-presets_left-menu_dark.react.svg
Normal file
9
public/images/sdk-presets_left-menu_dark.react.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 94 KiB |
10
public/images/sdk-presets_search_dark.react.svg
Normal file
10
public/images/sdk-presets_search_dark.react.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 9.0 KiB |
13
public/images/sdk-presets_title_dark.react.svg
Normal file
13
public/images/sdk-presets_title_dark.react.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 17 KiB |
Loading…
Reference in New Issue
Block a user