@messenger-box/platform-mobile 10.0.3-alpha.7 → 10.0.3-alpha.74

package/src/screens/inbox/containers/SupportServiceDialogs.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useState } from 'react';
 import { FlatList, Box } from '@admin-layout/gluestack-ui-mobile';
 import { useSelector, useDispatch } from 'react-redux';
 import { useNavigation, useRoute, useIsFocused, useFocusEffect } from '@react-navigation/native';
-import { useSupportServiceChannelsQuery } from 'common/lib/generated/generated.js';
+import { useServiceChannelsQuery } from '../../../queries/inboxQueries';
 import { userSelector } from '@adminide-stack/user-auth0-client';
 import { CHANGE_SETTINGS_ACTION } from '@admin-layout/client';
 import { SupportServiceDialogsListItem } from '../components/SupportServiceDialogsListItem';
@@ -27,7 +27,7 @@ const SupportServiceDialogsComponent = (props: SupportServiceInboxProps) => {
         data: serviceChannels,
         loading: serviceChannelsLoading,
         refetch: getServiceChannelsRefetch,
-    } = useSupportServiceChannelsQuery({
+    } = useServiceChannelsQuery({
         variables: {
             criteria: { type: 'SERVICE' },
         },
@@ -93,13 +93,13 @@ const SupportServiceDialogsComponent = (props: SupportServiceInboxProps) => {
     }, []);
 
     return (
-        <Box p={'$2'} pb={'$0'}>
+        <Box className="p-2 pb-0">
             <FlatList
                 data={channels && channels?.length > 0 ? channels : []}
                 onRefresh={handleRefresh}
                 refreshing={refreshing}
                 contentContainerStyle={{}}
-                ItemSeparatorComponent={() => <Box height="$0.5" backgroundColor="$trueGray200" />}
+                ItemSeparatorComponent={() => <Box className="h-0.5 bg-gray-200" />}
                 renderItem={({ item: channel }) => (
                     <SupportServiceDialogsListItem
                         onOpen={handleSelectChannel}