andrei/visus-plus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: Удалил строку поиска пациентов из MailingPage

Browse Source
This commit is contained in:
Андрей Дувакин 2025-07-12 18:28:28 +05:00
parent 90f3ab8ab1
commit 9b58e09f37
2 changed files with 10 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web-app/src/Components/Pages/MailingPage/MailingPage.jsx
View File

@ -14,14 +14,12 @@ const MailingPage = () => {
selectedPatientIds,
subject,
body,
searchQuery,
containerStyle,
cardStyle,
buttonStyle,
handleSelectPatients,
handleSubjectChange,
handleBodyChange,
handleSearchChange,
handleSendEmail,
isMobile,
} = useMailingPage();
@ -64,14 +62,6 @@ const MailingPage = () => {
) : (
<>
<Card style={cardStyle} title="Выбор пациентов">
<Input
placeholder="Поиск по имени или email"
prefix={<SearchOutlined />}
value={searchQuery}
onChange={handleSearchChange}
style={{ marginBottom: 16, width: isMobile ? "100%" : 300 }}
allowClear
/>
<Table
rowSelection={{
type: "checkbox",

37
web-app/src/Components/Pages/MailingPage/useMailingPage.js
View File

@ -1,9 +1,9 @@
import { useState, useMemo } from "react";
import { notification } from "antd";
import { Grid } from "antd";
import { useGetPatientsWithEmailQuery } from "../../../Api/patientsApi.js";
import {useState} from "react";
import {notification} from "antd";
import {Grid} from "antd";
import {useGetPatientsWithEmailQuery} from "../../../Api/patientsApi.js";
const { useBreakpoint } = Grid;
const {useBreakpoint} = Grid;
const useMailingPage = () => {
const screens = useBreakpoint();
@ -19,21 +19,10 @@ const useMailingPage = () => {
const [selectedPatientIds, setSelectedPatientIds] = useState([]);
const [subject, setSubject] = useState("");
const [body, setBody] = useState("");
const [searchQuery, setSearchQuery] = useState("");
const containerStyle = { padding: screens.xs ? 16 : 24 };
const cardStyle = { marginBottom: 24 };
const buttonStyle = { width: screens.xs ? "100%" : "auto", marginTop: 16 };
const filteredPatients = useMemo(() => {
if (!searchQuery) return patientsWithEmail;
const lowerQuery = searchQuery.toLowerCase();
return patientsWithEmail.filter(
(patient) =>
`${patient.last_name} ${patient.first_name}`.toLowerCase().includes(lowerQuery) ||
patient.email.toLowerCase().includes(lowerQuery)
);
}, [patientsWithEmail, searchQuery]);
const containerStyle = {padding: screens.xs ? 16 : 24};
const cardStyle = {marginBottom: 24};
const buttonStyle = {width: screens.xs ? "100%" : "auto", marginTop: 16};
const handleSelectPatients = (selectedRowKeys) => {
setSelectedPatientIds(selectedRowKeys);
@ -47,10 +36,6 @@ const useMailingPage = () => {
setBody(e.target.value);
};
const handleSearchChange = (e) => {
setSearchQuery(e.target.value);
};
const generateMailtoLink = () => {
if (!selectedPatientIds.length) {
notification.error({
@ -76,7 +61,7 @@ const useMailingPage = () => {
const encodedSubject = encodeURIComponent(subject);
const encodedBody = encodeURIComponent(body);
return `mailto:?bcc=${selectedEmails}&subject=${encodedSubject}&body=${encodedBody}`;
return `mailto:?cc=${selectedEmails}&subject=${encodedSubject}&body=${encodedBody}`;
};
const handleSendEmail = () => {
@ -87,20 +72,18 @@ const useMailingPage = () => {
};
return {
patientsWithEmail: filteredPatients,
patientsWithEmail,
isLoading: isLoadingPatients,
isError: isErrorPatients,
selectedPatientIds,
subject,
body,
searchQuery,
containerStyle,
cardStyle,
buttonStyle,
handleSelectPatients,
handleSubjectChange,
handleBodyChange,
handleSearchChange,
handleSendEmail,
isMobile: screens.xs,
};