@planningcenter/chat-react-native 3.2.0-rc.1 → 3.2.0-rc.11

package/src/screens/create/conversation_create_screen.tsx

@@ -1,148 +0,0 @@
-import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'
-import React, { useCallback, useState } from 'react'
-import { StyleSheet, TextInput, View } from 'react-native'
-import { useSafeAreaInsets } from 'react-native-safe-area-context'
-import { Text } from '../../components'
-import { ActionButton } from '../../components/display/action_button'
-import { useSuspenseGet, useTheme } from '../../hooks'
-import { useApiClient } from '../../hooks/use_api_client'
-import { useMutation } from '@tanstack/react-query'
-import { GroupsGroupResource } from '../../types'
-
-type ConversationCreateScreenProps = StaticScreenProps<{
-  group_id?: string
-  team_ids?: string[]
-}>
-
-export const ConversationCreateScreen = ({ route }: ConversationCreateScreenProps) => {
-  const styles = useStyles()
-  const navigation = useNavigation()
-  const [title, setTitle] = useState<string>()
-  const apiClient = useApiClient()
-  const { data: group } = useSuspenseGet<GroupsGroupResource>({
-    url: `/me/groups/${route.params.group_id}`,
-    data: {
-      fields: {
-        Group: [],
-      },
-      include: ['location'],
-    },
-    app: 'groups',
-  })
-  const { mutate: handleSave } = useMutation({
-    throwOnError: true,
-    onSuccess: result => {
-      handleRedirectToConversation({ conversation_id: result.data.id })
-    },
-    mutationFn: () =>
-      apiClient.groups
-        .post({
-          url: `/me/groups/${route.params.group_id}/chat_conversation_payload`,
-          data: {
-            data: {
-              type: '',
-              attributes: {
-                title,
-              },
-            },
-          },
-        })
-        .then(res => res.data.value)
-        .then(payload =>
-          apiClient.chat.post({
-            url: '/me/conversations',
-            data: {
-              data: {
-                type: 'Conversation',
-                attributes: {
-                  payload,
-                },
-              },
-            },
-          })
-        ),
-  })
-
-  const handleRedirectToConversation = useCallback(
-    ({ conversation_id }: { conversation_id: number }) => {
-      // exit from the create stack
-      navigation.getParent()?.goBack()
-      // navigate to the conversation screen
-      navigation.dispatch(
-        StackActions.push('Conversation', {
-          conversation_id,
-        })
-      )
-    },
-    [navigation]
-  )
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.section}>
-        <View style={styles.to}>
-          <Text>To:</Text>
-          <View>
-            <Text>{group.name}</Text>
-            <Text>{group.membershipsCount} members</Text>
-          </View>
-        </View>
-        <View style={styles.titleContainer}>
-          <Text style={styles.titleLabel}>Title</Text>
-          <TextInput
-            placeholder="Topic of conversation (required)"
-            value={title}
-            onChangeText={setTitle}
-            style={styles.titleInput}
-          />
-        </View>
-      </View>
-      <ActionButton title="Start Conversation" onPress={() => handleSave()} />
-    </View>
-  )
-}
-
-const useStyles = () => {
-  const { bottom } = useSafeAreaInsets()
-  const theme = useTheme()
-
-  return StyleSheet.create({
-    container: {
-      flex: 1,
-      gap: 8,
-    },
-    section: {
-      padding: 16,
-      flex: 1,
-    },
-    sectionHeader: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-    },
-    selectTeamsButton: {},
-    routeDebug: {
-      alignContent: 'center',
-      padding: 16,
-      paddingBottom: bottom,
-      borderTopWidth: 1,
-      borderTopColor: theme.colors.fillColorNeutral050Base,
-    },
-    titleContainer: {
-      paddingVertical: 12,
-      borderBottomWidth: 1,
-      borderBottomColor: theme.colors.fillColorNeutral050Base,
-      gap: 8,
-    },
-    titleInput: {
-      fontSize: 18,
-    },
-    titleLabel: {},
-    to: {
-      flexDirection: 'row',
-      gap: 8,
-      paddingVertical: 12,
-      borderBottomWidth: 1,
-      borderBottomColor: theme.colors.fillColorNeutral050Base,
-    },
-  })
-}