LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix some React lifecycle and rendering errors that exist in build

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-10 16:39:12 -08:00
parent e9d43492d0
commit d8a5380b7f
16 changed files with 85 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/components/chat/ChatSocialMessage/ChatSocialMessage.tsx
View File

@@ -5,9 +5,15 @@ import cn from 'classnames';
import { ChatSocialMessage as ChatMessage } from '../../../interfaces/chat-social-message.model';
import styles from './ChatSocialMessage.module.scss';
const FollowIcon = dynamic(() => import('./follow.svg'));
const LikeIcon = dynamic(() => import('./like.svg'));
const RepostIcon = dynamic(() => import('./repost.svg'));
const FollowIcon = dynamic(() => import('./follow.svg'), {
ssr: false,
});
const LikeIcon = dynamic(() => import('./like.svg'), {
ssr: false,
});
const RepostIcon = dynamic(() => import('./repost.svg'), {
ssr: false,
});
export interface ChatSocialMessageProps {
message: ChatMessage;

4
web/components/chat/ChatTextField/ChatTextField.tsx
View File

@@ -13,7 +13,9 @@ import styles from './ChatTextField.module.scss';
// Lazy loaded components
const EmojiPicker = dynamic(() => import('./EmojiPicker').then(mod => mod.EmojiPicker));
const EmojiPicker = dynamic(() => import('./EmojiPicker').then(mod => mod.EmojiPicker), {
ssr: false,
});
type CustomElement = { type: 'paragraph' | 'span'; children: CustomText[] } | ImageNode;
type CustomText = { text: string };

21
web/components/chat/ChatUserMessage/ChatUserMessage.tsx
View File

@@ -2,6 +2,7 @@
import { FC, ReactNode, useEffect, useState } from 'react';
import cn from 'classnames';
import { LinkOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';
import { useRecoilValue } from 'recoil';
import dynamic from 'next/dynamic';
import { decodeHTML } from 'entities';
@@ -14,17 +15,19 @@ import { User } from '../../../interfaces/user.model';
// Lazy loaded components
const Tooltip = dynamic(() => import('antd').then(mod => mod.Tooltip), {
ssr: false,
});
const ChatModerationActionMenu = dynamic(() =>
import('../ChatModerationActionMenu/ChatModerationActionMenu').then(
mod => mod.ChatModerationActionMenu,
),
const ChatModerationActionMenu = dynamic(
() =>
import('../ChatModerationActionMenu/ChatModerationActionMenu').then(
mod => mod.ChatModerationActionMenu,
),
{
ssr: false,
},
);
const Highlight = dynamic(() => import('react-highlighter-ts').then(mod => mod.Highlight));
const Highlight = dynamic(() => import('react-highlighter-ts').then(mod => mod.Highlight), {
ssr: false,
});
export type ChatUserMessageProps = {
message: ChatMessage;