ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkbox Group: Fix duplicate state (#5970)

Browse Source
This commit is contained in:
zubiden 2025-06-04 20:41:36 +02:00 committed by Alexander Zinchuk
parent 91b8463b35
commit 3cc0fffef4
3 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/DeleteMessageModal.tsx
View File

@ -116,9 +116,9 @@ const DeleteMessageModal: FC<OwnProps & StateProps> = ({
permissions, havePermissionChanged, handlePermissionChange, resetPermissions,
} = useManagePermissions(chat?.defaultBannedRights);
const [peerIdsToDeleteAll, setPeerIdsToDeleteAll] = useState<string[] | undefined>(undefined);
const [peerIdsToBan, setPeerIdsToBan] = useState<string[] | undefined>(undefined);
const [peerIdsToReportSpam, setPeerIdsToReportSpam] = useState<string[] | undefined>(undefined);
const [peerIdsToDeleteAll, setPeerIdsToDeleteAll] = useState<string[]>([]);
const [peerIdsToBan, setPeerIdsToBan] = useState<string[]>([]);
const [peerIdsToReportSpam, setPeerIdsToReportSpam] = useState<string[]>([]);
const [isMediaDropdownOpen, setIsMediaDropdownOpen] = useState(false);
const [isAdditionalOptionsVisible, setIsAdditionalOptionsVisible] = useState(false);
const [shouldDeleteForAll, setShouldDeleteForAll] = useState(true);
@ -330,9 +330,9 @@ const DeleteMessageModal: FC<OwnProps & StateProps> = ({
useEffect(() => {
if (!isOpen && prevIsOpen) {
setPeerIdsToReportSpam(undefined);
setPeerIdsToDeleteAll(undefined);
setPeerIdsToBan(undefined);
setPeerIdsToReportSpam([]);
setPeerIdsToDeleteAll([]);
setPeerIdsToBan([]);
setShouldDeleteForAll(true);
setIsMediaDropdownOpen(false);
setIsAdditionalOptionsVisible(false);

1
src/components/middle/message/Poll.tsx
View File

@ -276,6 +276,7 @@ const Poll: FC<OwnProps> = ({
? (
<CheckboxGroup
options={answers}
selected={chosenOptions}
onChange={handleCheckboxChange}
disabled={message.isScheduled || isSubmitting}
loadingOptions={isSubmitting ? chosenOptions : undefined}

16
src/components/ui/CheckboxGroup.tsx
View File

@ -1,6 +1,6 @@
import type { ChangeEvent } from 'react';
import type { FC, TeactNode } from '../../lib/teact/teact';
import React, { memo, useState } from '../../lib/teact/teact';
import React, { memo } from '../../lib/teact/teact';
import type { ApiUser } from '../../api/types';
@ -22,7 +22,7 @@ export type IRadioOption = {
type OwnProps = {
id?: string;
options: IRadioOption[];
selected?: string[];
selected: string[];
disabled?: boolean;
nestedCheckbox?: boolean;
loadingOptions?: string[];
@ -42,14 +42,12 @@ const CheckboxGroup: FC<OwnProps> = ({
onChange,
className,
}) => {
const [values, setValues] = useState<string[]>(selected || []);
const handleChange = useLastCallback((event: ChangeEvent<HTMLInputElement>, nestedOptionList?: IRadioOption) => {
const { value, checked } = event.currentTarget;
let newValues: string[];
if (checked) {
newValues = [...values, value];
newValues = [...selected, value];
if (nestedOptionList && value) {
newValues.push(nestedOptionList.value);
}
@ -61,7 +59,7 @@ const CheckboxGroup: FC<OwnProps> = ({
});
}
} else {
newValues = values.filter((v) => v !== value);
newValues = selected.filter((v) => v !== value);
if (nestedOptionList && value === nestedOptionList.value) {
nestedOptionList.nestedOptions?.forEach((nestedOption) => {
newValues = newValues.filter((v) => v !== nestedOption.value);
@ -74,12 +72,10 @@ const CheckboxGroup: FC<OwnProps> = ({
}
}
}
setValues(newValues);
onChange(newValues);
});
const getCheckedNestedCount = useLastCallback((nestedOptions: IRadioOption[]) => {
const checkedCount = nestedOptions?.filter((nestedOption) => values.includes(nestedOption.value)).length;
const checkedCount = nestedOptions?.filter((nestedOption) => selected.includes(nestedOption.value)).length;
return checkedCount > 0 ? checkedCount : nestedOptions.length;
});
@ -98,7 +94,7 @@ const CheckboxGroup: FC<OwnProps> = ({
nestedCheckbox={nestedCheckbox}
nestedCheckboxCount={getCheckedNestedCount(option.nestedOptions ?? [])}
nestedOptionList={option}
values={values}
values={selected}
isRound={isRound}
/>
);