snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/polls/components/native/PollsPane.tsx

@@ -0,0 +1,75 @@
+import { useNavigation } from '@react-navigation/native';
+import React, { useCallback, useEffect } from 'react';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { StyleType } from '../../../base/styles/functions.any';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+import { ChatTabs } from '../../../chat/constants';
+import { TabBarLabelCounter }
+    from '../../../mobile/navigation/components/TabBarLabelCounter';
+import {
+    default as AbstractPollsPane,
+    type AbstractProps
+} from '../AbstractPollsPane';
+
+import PollCreate from './PollCreate';
+import PollsList from './PollsList';
+import { pollsStyles } from './styles';
+
+const PollsPane = (props: AbstractProps) => {
+    const { createMode, isCreatePollsDisabled, onCreate, setCreateMode, t } = props;
+    const navigation = useNavigation();
+    const isPollsTabFocused = useSelector((state: IReduxState) => state['features/chat'].focusedTab === ChatTabs.POLLS);
+    const { unreadPollsCount } = useSelector((state: IReduxState) => state['features/polls']);
+
+    useEffect(() => {
+        const activeUnreadPollsNr = !isPollsTabFocused && unreadPollsCount > 0;
+
+        navigation.setOptions({
+            // eslint-disable-next-line react/no-multi-comp
+            tabBarLabel: () => (
+                <TabBarLabelCounter
+                    activeUnreadNr = { activeUnreadPollsNr }
+                    isFocused = { isPollsTabFocused }
+                    label = { t('chat.tabs.polls') }
+                    unreadCount = { unreadPollsCount } />
+            )
+        });
+
+    }, [ isPollsTabFocused, unreadPollsCount ]);
+
+    const renderCreateAPollBtn = useCallback(() => (
+        !createMode && !isCreatePollsDisabled && <Button
+            accessibilityLabel = 'polls.create.create'
+            id = { t('polls.create.create') }
+            labelKey = 'polls.create.create'
+            onClick = { onCreate }
+            style = { pollsStyles.createPollButton }
+            type = { BUTTON_TYPES.PRIMARY } />
+    ), [ createMode, isCreatePollsDisabled ]);
+
+    return (
+        <JitsiScreen
+            contentContainerStyle = { pollsStyles.pollPane as StyleType }
+            disableForcedKeyboardDismiss = { true }
+            footerComponent = { renderCreateAPollBtn }
+            hasExtraHeaderHeight = { true }
+            style = { pollsStyles.pollPaneContainer as StyleType }>
+            {
+                createMode
+                    ? <PollCreate setCreateMode = { setCreateMode } />
+                    : <PollsList setCreateMode = { setCreateMode } />
+            }
+        </JitsiScreen>
+    );
+};
+
+/*
+ * We apply AbstractPollsPane to fill in the AbstractProps common
+ * to both the web and native implementations.
+ */
+// eslint-disable-next-line new-cap
+export default AbstractPollsPane(PollsPane);