Shared:Components:Article: restore article body

This commit is contained in:
Timofey Boyko 2024-02-16 10:43:14 +03:00
parent 0987d0785f
commit e77378ce2b
2 changed files with 13 additions and 14 deletions

View File

@ -32,8 +32,6 @@ ArticleMainButton.displayName = MAIN_BUTTON_NAME;
const ArticleBody = ({ children }: { children: React.ReactNode }) => null;
ArticleBody.displayName = BODY_NAME;
console.log(ArticleAlerts, ArticleLiveChat);
const Article = ({
showText,
setShowText,
@ -275,7 +273,7 @@ const Article = ({
{articleBodyContent ? articleBodyContent.props.children : null}
{!showArticleLoader && (
<>
{/* {!hideAlerts && (
{!hideAlerts && (
<ArticleAlerts
articleAlertsData={articleAlertsData}
showText={showText}
@ -294,7 +292,7 @@ const Article = ({
setSubmitToGalleryDialogVisible
}
/>
)} */}
)}
{withDevTools && (
<ArticleDevToolsBar
articleOpen={articleOpen}
@ -306,7 +304,7 @@ const Article = ({
{!hideAppsBlock && (
<ArticleApps withDevTools={withDevTools} showText={showText} />
)}
{/* {!isMobile && !isLiveChatAvailable && (
{!isMobile && isLiveChatAvailable && (
<ArticleLiveChat
currentColorScheme={currentColorScheme}
withMainButton={
@ -319,7 +317,7 @@ const Article = ({
zendeskKey={zendeskKey}
showProgress={showProgress}
/>
)} */}
)}
</>
)}
</SubArticleBody>

View File

@ -4,7 +4,8 @@ import { useTranslation } from "react-i18next";
import { useTheme } from "styled-components";
import { LIVE_CHAT_LOCAL_STORAGE_KEY } from "../../../constants";
import Zendesk, { ZendeskAPI } from "../../zendesk";
import { Zendesk } from "../../zendesk";
import { zendeskAPI } from "../../zendesk/Zendesk.utils";
import { ArticleZendeskProps } from "../Article.types";
const baseConfig = {
@ -30,7 +31,7 @@ const ArticleLiveChat = ({
const { interfaceDirection } = useTheme();
useEffect(() => {
// console.log("Zendesk useEffect", { withMainButton, isMobileArticle });
ZendeskAPI("webWidget", "updateSettings", {
zendeskAPI.addChanges("webWidget", "updateSettings", {
offset:
withMainButton && isMobileArticle
? { horizontal: "68px", vertical: "11px" }
@ -43,10 +44,10 @@ const ArticleLiveChat = ({
useEffect(() => {
// console.log("Zendesk useEffect", { languageBaseName });
ZendeskAPI("webWidget", "setLocale", languageBaseName);
zendeskAPI.addChanges("webWidget", "setLocale", languageBaseName);
if (ready)
ZendeskAPI("webWidget", "updateSettings", {
zendeskAPI.addChanges("webWidget", "updateSettings", {
launcher: {
label: {
"*": t("Common:Support"),
@ -60,7 +61,7 @@ const ArticleLiveChat = ({
useEffect(() => {
// console.log("Zendesk useEffect", { currentColorScheme });
ZendeskAPI("webWidget", "updateSettings", {
zendeskAPI.addChanges("webWidget", "updateSettings", {
color: {
theme: currentColorScheme?.main?.accent,
},
@ -69,7 +70,7 @@ const ArticleLiveChat = ({
useEffect(() => {
// console.log("Zendesk useEffect", { email, displayName });
ZendeskAPI("webWidget", "prefill", {
zendeskAPI.addChanges("webWidget", "prefill", {
email: {
value: email,
// readOnly: true, // optional
@ -82,7 +83,7 @@ const ArticleLiveChat = ({
}, [email, displayName]);
useEffect(() => {
ZendeskAPI("webWidget", "updateSettings", {
zendeskAPI.addChanges("webWidget", "updateSettings", {
position: { horizontal: interfaceDirection === "ltr" ? "right" : "left" },
});
}, [interfaceDirection]);
@ -91,7 +92,7 @@ const ArticleLiveChat = ({
const isShowLiveChat =
localStorage.getItem(LIVE_CHAT_LOCAL_STORAGE_KEY) === "true" || false;
ZendeskAPI("webWidget", isShowLiveChat ? "show" : "hide");
zendeskAPI.addChanges("webWidget", isShowLiveChat ? "show" : "hide");
};
return zendeskKey ? (