matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: use more specific zustand selectors

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-10-22 21:42:11 +02:00
parent 80654146a2
commit ea86246647
93 changed files with 398 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/pl-fe/src/components/polls/poll-footer.tsx
View File

@@ -8,7 +8,7 @@ import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Tooltip from 'pl-fe/components/ui/tooltip';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useStatusMetaStore } from 'pl-fe/stores/status-meta';
import { useStatusMetaActions } from 'pl-fe/stores/status-meta';
import RelativeTimestamp from '../relative-timestamp';
@@ -31,7 +31,7 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
const dispatch = useAppDispatch();
const intl = useIntl();
const { toggleShowPollResults } = useStatusMetaStore();
const { toggleShowPollResults } = useStatusMetaActions();
const handleVote = () => dispatch(vote(poll.id, Object.keys(selected) as any as number[]));

10
packages/pl-fe/src/components/polls/poll.tsx
View File

@@ -6,8 +6,8 @@ import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useModalsStore } from 'pl-fe/stores/modals';
import { useStatusMetaStore } from 'pl-fe/stores/status-meta';
import { useModalsActions } from 'pl-fe/stores/modals';
import { useStatusMeta } from 'pl-fe/stores/status-meta';
import PollFooter from './poll-footer';
import PollOption from './poll-option';
@@ -24,15 +24,13 @@ interface IPoll {
}
const Poll: React.FC<IPoll> = ({ id, status, language, truncate }): JSX.Element | null => {
const { openModal } = useModalsStore();
const { openModal } = useModalsActions();
const dispatch = useAppDispatch();
const isLoggedIn = useAppSelector((state) => state.me);
const poll = useAppSelector((state) => state.polls[id]);
const { statuses: statusesMeta } = useStatusMetaStore();
const showPollResults = !!statusesMeta[status.id]?.showPollResults;
const { showPollResults } = useStatusMeta(status.id);
const [selected, setSelected] = useState({} as Selected);