topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2025-12-20 06:34:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[feature](webapp) upgrade chat version

Browse Source
This commit is contained in:
williamhliu
2023-06-30 17:42:03 +08:00
parent 8639c23dc4
commit 805a59dddd
69 changed files with 1570 additions and 842 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
webapp/packages/supersonic-fe/src/pages/Chat/RightSection/Context/index.tsx
View File

@@ -1,13 +1,14 @@
import moment from 'moment';
import styles from './style.less';
import type { ChatContextType } from 'supersonic-chat-sdk';
import type { ChatContextType, EntityInfoType } from 'supersonic-chat-sdk';
type Props = {
chatContext: ChatContextType;
entityInfo?: EntityInfoType;
};
const Context: React.FC<Props> = ({ chatContext }) => {
const { domainName, metrics, dateInfo, filters } = chatContext;
const Context: React.FC<Props> = ({ chatContext, entityInfo }) => {
const { domainName, metrics, dateInfo, dimensionFilters } = chatContext;
return (
<div className={styles.context}>
@@ -17,17 +18,15 @@ const Context: React.FC<Props> = ({ chatContext }) => {
<span className={styles.fieldName}>主题域：</span>
<span className={styles.fieldValue}>{domainName}</span>
</div>
{
dateInfo && (
<div className={styles.field}>
<span className={styles.fieldName}>时间范围：</span>
<span className={styles.fieldValue}>
{dateInfo.text ||
`近${moment(dateInfo.endDate).diff(moment(dateInfo.startDate), 'days') + 1}天`}
</span>
</div>
)
}
{dateInfo && (
<div className={styles.field}>
<span className={styles.fieldName}>时间范围：</span>
<span className={styles.fieldValue}>
{dateInfo.text ||
`近${moment(dateInfo.endDate).diff(moment(dateInfo.startDate), 'days') + 1}天`}
</span>
</div>
)}
{metrics && metrics.length > 0 && (
<div className={styles.field}>
<span className={styles.fieldName}>指标：</span>
@@ -36,20 +35,22 @@ const Context: React.FC<Props> = ({ chatContext }) => {
</span>
</div>
)}
{filters && filters.length > 0 && (
<div className={styles.filterSection}>
<div className={styles.fieldName}>筛选条件：</div>
<div className={styles.filterValues}>
{filters.map((filter) => {
return (
<div className={styles.filterItem} key={filter.name}>
{filter.name}：{filter.value}
</div>
);
})}
{dimensionFilters &&
dimensionFilters.length > 0 &&
!(entityInfo?.dimensions && entityInfo.dimensions.length > 0) && (
<div className={styles.filterSection}>
<div className={styles.fieldName}>筛选条件：</div>
<div className={styles.filterValues}>
{dimensionFilters.map((filter) => {
return (
<div className={styles.filterItem} key={filter.name}>
{filter.name}：{filter.value}
</div>
);
})}
</div>
</div>
</div>
)}
)}
</div>
</div>
);