PenaSide/front-hub
3
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'history-response' into drop-down

Browse Source
This commit is contained in:
Nastya 2024-01-16 20:46:18 +03:00
commit 527cb0efd8
2 changed files with 84 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
src/pages/History/AccordionWrapper.tsx
View File

@ -4,7 +4,8 @@ import File from "@components/icons/File"
import { getDeclension } from "@utils/declension"
import { enqueueSnackbar } from "notistack"
import { addTariffToCart } from "@root/stores/user"
import { getMessageFromFetchError } from "@frontend/kitui"
import {getMessageFromFetchError, makeRequest} from "@frontend/kitui"
import EmailIcon from "@mui/icons-material/Email"
export type History = {
title: string;
@ -21,10 +22,11 @@ interface AccordionWrapperProps {
content: [RawDetails, KeyValue];
last?: boolean;
first?: boolean;
createdAt: string
createdAt: string;
onClickMail?: any
}
export default function AccordionWrapper({ content, last, first, createdAt }: AccordionWrapperProps) {
export default function AccordionWrapper({ content, last, first, createdAt, onClickMail }: AccordionWrapperProps) {
const theme = useTheme()
const upMd = useMediaQuery(theme.breakpoints.up("md"))
const upSm = useMediaQuery(theme.breakpoints.up("sm"))
@ -181,56 +183,68 @@ export default function AccordionWrapper({ content, last, first, createdAt }: Ac
</Box>
</Box>
{!isMobile &&
<IconButton
title="Добавить в корзину тариф"
onClick={(e) => {
e.stopPropagation()
handleTariffItemClick(valuesByKey.id)
}}
sx={{
ml: "20px",
bgcolor:"#EEE4FC",
stroke: "#7E2AEA",
borderRadius: 2,
"&:hover": {
bgcolor:"#7E2AEA",
stroke: "white",
},
"&:active": {
bgcolor:"black",
stroke: "white",
}
}}
>
<File></File>
</IconButton>
<>
<IconButton onClick={onClickMail}>
<EmailIcon fontSize={"large"}/>
</IconButton>
<IconButton
title="Добавить в корзину тариф"
onClick={(e) => {
e.stopPropagation()
handleTariffItemClick(valuesByKey.id)
}}
sx={{
ml: "20px",
bgcolor:"#EEE4FC",
stroke: "#7E2AEA",
borderRadius: 2,
"&:hover": {
bgcolor:"#7E2AEA",
stroke: "white",
},
"&:active": {
bgcolor:"black",
stroke: "white",
}
}}
>
<File></File>
</IconButton>
</>
}
</Box>
</Box>
{isMobile &&
<IconButton
title="Добавить в корзину тариф"
onClick={(e) => {
e.stopPropagation()
handleTariffItemClick(valuesByKey.id)
}}
sx={{
mr: "10px",
bgcolor:"#EEE4FC",
stroke: "#7E2AEA",
borderRadius: 2,
"&:hover": {
bgcolor:"#7E2AEA",
stroke: "white",
},
"&:active": {
bgcolor:"black",
stroke: "white",
}
}}
>
<File></File>
</IconButton>
<>
<IconButton onClick={onClickMail}>
<EmailIcon fontSize={"large"}/>
</IconButton>
<IconButton
title="Добавить в корзину тариф"
onClick={(e) => {
e.stopPropagation()
handleTariffItemClick(valuesByKey.id)
}}
sx={{
mr: "10px",
bgcolor:"#EEE4FC",
stroke: "#7E2AEA",
borderRadius: 2,
"&:hover": {
bgcolor:"#7E2AEA",
stroke: "white",
},
"&:active": {
bgcolor:"black",
stroke: "white",
}
}}
>
<File></File>
</IconButton>
</>
}
</>
}

21
src/pages/History/index.tsx
View File

@ -14,6 +14,9 @@ import { isArray } from "cypress/types/lodash"
import { ErrorBoundary } from "react-error-boundary"
import { handleComponentError } from "@root/utils/handleComponentError"
import { useHistoryStore } from "@root/stores/history";
import EmailIcon from '@mui/icons-material/Email';
import {enqueueSnackbar} from "notistack"
import { makeRequest } from "@frontend/kitui"
const subPages = ["Платежи", "Покупки тарифов", "Окончания тарифов"]
@ -33,6 +36,20 @@ export default function History() {
return dateMatch ? dateMatch[0] : ""
}
async function handleHistoryResponse(tariffId: string) {
try {
await makeRequest (
{
url: `https://hub.pena.digital/customer/sendReport/${tariffId}`,
method: "POST",
}
)
enqueueSnackbar("Запрос отправлен")
} catch (e) {
enqueueSnackbar("извините, произошла ошибка")
}
}
return (
<SectionWrapper
maxWidth="lg"
@ -89,6 +106,10 @@ export default function History() {
content={e.rawDetails}
key={e.id}
createdAt={e.createdAt}
onClickMail={(event: any)=>{
event.stopPropagation()
handleHistoryResponse(e.id)
}}
/>
</Box>
)})}