доделал

This commit is contained in:
Pavel Torbeev 2023-08-26 18:08:30 +03:00
parent 4e4a66108c
commit 38a38eeb40
4 changed files with 16 additions and 4 deletions

View File

@ -26,6 +26,10 @@
color: $color-text-secondary;
cursor: pointer;
@include scrollbar;
overflow-y: auto;
max-height: 500px;
&:not(.Hint_hovered) {
white-space: nowrap;
max-width: 500px;

View File

@ -8,6 +8,7 @@
display: flex;
align-items: center;
min-height: 50px;
max-height: 300px;
padding: 15px $spacing-small-x;
color: $color-text-primary;
overflow: hidden;
@ -20,6 +21,8 @@
overflow-y: auto;
word-wrap: break-word;
@include scrollbar;
&:hover {
box-shadow: $shadow-hover;
}

View File

@ -6,6 +6,7 @@ import s from './ChatFormMultipleRange.module.scss';
import {Range} from '../../../../../../components/Range';
import {Hint} from '../../../../../../api/deck';
import {Hint as HintCmp, HintsContainer} from '../../../../../../components/Hint';
import {currencyFormatter} from '../../../../../../utils/fomat';
export interface RangeType {
name: string;
@ -24,7 +25,7 @@ export interface ChatFormSelectProps {
hint?: Hint | false;
}
export const slugsForFormat = ['sam', 'som', 'tam', 'sum'];
export const slugsForFormat = ['sam', 'som', 'tam', 'sum', 'cac', 'ltv'];
export const ChatFormMultipleRange: ReactFCC<ChatFormSelectProps> = (props) => {
const {className, registration, control, scrollbars, onSubmit, hint, setValue} = props;
@ -37,7 +38,7 @@ export const ChatFormMultipleRange: ReactFCC<ChatFormSelectProps> = (props) => {
{hint && hint.value && Object.entries(hint.value).map(([key, val], index) => {
const range = scrollbars.find((j) => j.slug === key);
return range ? (
<HintCmp onClick={() => setValue({ ...value, [key]: val })} key={index}>{`${range.name}: ${val}`}</HintCmp>
<HintCmp onClick={() => setValue({ ...value, [key]: val })} key={index}>{`${range.name}: ${slugsForFormat.includes(range.slug) ? currencyFormatter.format(val as any) : val}`}</HintCmp>
) : null
})}
</HintsContainer>

View File

@ -26,8 +26,12 @@ export const ChatFormText: ReactFCC<ChatFormTextProps> = (props) => {
return (
<div className={s.ChatFormText}>
<HintsContainer isLoading={hint && !hint.value}>
{hint && hint.type !== EntityType.cards && hint.value && (
<>{Array.isArray(hint.value) ? hint.value.map((item: string, index: number) => (
{hint && hint.value && (
<>{Array.isArray(hint.value) ? hint.type === EntityType.cards ? (
<HintCmp onClick={() => setValue(hint.value.map((i: any) => i.description).join('\n\n'))}>
{hint.value.map((i) => i.description).join('\n')}
</HintCmp>
) : hint.value.map((item: string, index: number) => (
<HintCmp onClick={() => setValue(item)} key={index}>{item}</HintCmp>
)) : (
<HintCmp onClick={() => setValue(hint.value)}>{hint.value}</HintCmp>