/
SOFG1
/
generic
Обзор
Документация
Войти
/
SOFG1
/
generic
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/SentimentorComponents/PostCommentComponent.tsx
64 строки
2 KB
Eddy
reafactoring, dispose useUserStateHook
24 июл 2024, 15:22
24 июл 2024, 15:22
c1a396e
Код
Авторство
О чём код?
import React, { useCallback, useEffect, useState } from "react" import styled from "styled-components" import { handle } from "../../api" import { Sentimentor } from "../../api/sentimentor" import { desktopBp } from "../../styles/variables" import { useSelector } from "react-redux" import { userTokenSelector } from "../../store/user/selectors" const StyledWrapper = styled.div` margin-bottom: 1.30vw; padding: 0.63vw 1.09vw; font-size: 0.63vw; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.20) inset; border-radius: 0.52vw; height: 3.39vw; box-sizing: border-box; overflow-y: auto; &::-webkit-scrollbar { width: 7px; } @media screen and (max-width: ${desktopBp}) { margin-bottom: 16px; padding: 8px 14px; font-size: 8px; border-radius: 7px; height: 42px; } ` interface IProps { parent_id: string } const PostCommentComponent = React.memo(({ parent_id }: IProps) => { const token = useSelector(userTokenSelector) const [comment, setComment] = useState<string>("") const fetchParentInfo = useCallback(async () => { if (token) { const [dataRes, dataErr] = await handle(Sentimentor.getPostParent(token, parent_id)) if (dataRes) { setComment(dataRes.post_text) } if (dataErr) { } } }, [token, parent_id]) useEffect(() => { fetchParentInfo() }, [fetchParentInfo]) if(!comment) return null return <StyledWrapper>{comment}</StyledWrapper> }) export default PostCommentComponent