From ec63963256ac9dd6fdae14e43ba26f5aa58e2b01 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 15 Mar 2022 04:46:39 -0400
Subject: [PATCH] Help component updates

---
 src/components/help/views/DescribeReportView.tsx      |  4 ++--
 src/components/help/views/SelectReportedChatsView.tsx | 10 +++++-----
 src/components/help/views/SelectReportedUserView.tsx  | 10 +++++-----
 src/components/help/views/SelectTopicView.tsx         |  2 +-
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/help/views/DescribeReportView.tsx b/src/components/help/views/DescribeReportView.tsx
index 634cbe05..420c2019 100644
--- a/src/components/help/views/DescribeReportView.tsx
+++ b/src/components/help/views/DescribeReportView.tsx
@@ -31,10 +31,10 @@ export const DescribeReportView: FC<{}> = props =>
     return (
         <>
             <Column gap={ 1 }>
-                <Text fontSize={ 3 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
+                <Text fontSize={ 4 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
                 <Text>{ LocalizeText('help.cfh.input.text') }</Text>
             </Column>
-            <textarea className="form-control" value={ message } onChange={ event => setMessage(event.target.value) } />
+            <textarea className="form-control h-100" value={ message } onChange={ event => setMessage(event.target.value) } />
             <Button variant="success" disabled={ (message.length < 15) } onClick={ submitReport }>
                 { LocalizeText('help.bully.submit') }
             </Button>
diff --git a/src/components/help/views/SelectReportedChatsView.tsx b/src/components/help/views/SelectReportedChatsView.tsx
index 489a7e3a..099266e5 100644
--- a/src/components/help/views/SelectReportedChatsView.tsx
+++ b/src/components/help/views/SelectReportedChatsView.tsx
@@ -1,7 +1,7 @@
 import { RoomObjectType } from '@nitrots/nitro-renderer';
 import { FC, useMemo, useState } from 'react';
 import { LocalizeText } from '../../../api';
-import { Button, Column, Flex, Grid, LayoutGridItem, Text } from '../../../common';
+import { AutoGrid, Button, Column, Flex, LayoutGridItem, Text } from '../../../common';
 import { ChatEntryType } from '../../chat-history/common/ChatEntryType';
 import { GetChatHistory } from '../../chat-history/common/GetChatHistory';
 import { IChatEntry } from '../../chat-history/common/IChatEntry';
@@ -54,14 +54,14 @@ export const SelectReportedChatsView: FC<{}> = props =>
     return (
         <>
             <Column gap={ 1 }>
-                <Text fontSize={ 3 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
+                <Text fontSize={ 4 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
                 <Text>{ LocalizeText('help.emergency.chat_report.description') }</Text>
             </Column>
-            <Column gap={ 1 }>
+            <Column gap={ 1 } overflow="hidden">
                 { !!!userChats.length &&
                     <Text>{ LocalizeText('help.cfh.error.no_user_data') }</Text> }
                 { (userChats.length > 0) &&
-                    <Grid gap={ 1 } columnCount={ 1 } overflow="auto">
+                    <AutoGrid gap={ 1 } columnCount={ 1 } columnMinHeight={ 25 } overflow="auto">
                         { userChats.map((chat, index) =>
                             {
                                 return (
@@ -70,7 +70,7 @@ export const SelectReportedChatsView: FC<{}> = props =>
                                     </LayoutGridItem>
                                 );
                             }) }
-                    </Grid> }
+                    </AutoGrid> }
             </Column>
             <Flex gap={ 2 } justifyContent="between">
                 <Button variant="secondary" onClick={ back }>
diff --git a/src/components/help/views/SelectReportedUserView.tsx b/src/components/help/views/SelectReportedUserView.tsx
index 6cd25281..000b7f99 100644
--- a/src/components/help/views/SelectReportedUserView.tsx
+++ b/src/components/help/views/SelectReportedUserView.tsx
@@ -1,7 +1,7 @@
 import { RoomObjectType } from '@nitrots/nitro-renderer';
 import { FC, useMemo, useState } from 'react';
 import { GetSessionDataManager, LocalizeText } from '../../../api';
-import { Button, Column, Flex, Grid, LayoutGridItem, Text } from '../../../common';
+import { AutoGrid, Button, Column, Flex, LayoutGridItem, Text } from '../../../common';
 import { ChatEntryType } from '../../chat-history/common/ChatEntryType';
 import { GetChatHistory } from '../../chat-history/common/GetChatHistory';
 import { IReportedUser } from '../common/IReportedUser';
@@ -62,15 +62,15 @@ export const SelectReportedUserView: FC<{}> = props =>
     return (
         <>
             <Column gap={ 1 }>
-                <Text fontSize={ 3 }>{ LocalizeText('help.emergency.main.step.two.title') }</Text>
+                <Text fontSize={ 4 }>{ LocalizeText('help.emergency.main.step.two.title') }</Text>
                 { (availableUsers.length > 0) &&
                     <Text>{ LocalizeText('report.user.pick.user') }</Text> }
             </Column>
-            <Column gap={ 1 }>
+            <Column gap={ 1 } overflow="hidden">
                 { !!!availableUsers.length &&
                     <Text>{ LocalizeText('report.user.error.nolist') }</Text> }
                 { (availableUsers.length > 0) &&
-                    <Grid gap={ 1 } columnCount={ 1 } overflow="auto">
+                    <AutoGrid columnCount={ 1 } columnMinHeight={ 25 } gap={ 1 }>
                         { availableUsers.map((user, index) =>
                             {
                                 return (
@@ -79,7 +79,7 @@ export const SelectReportedUserView: FC<{}> = props =>
                                     </LayoutGridItem>
                                 );
                             }) }
-                    </Grid> }
+                    </AutoGrid> }
             </Column>
             <Flex gap={ 2 } justifyContent="between">
                 <Button variant="secondary" onClick={ back }>
diff --git a/src/components/help/views/SelectTopicView.tsx b/src/components/help/views/SelectTopicView.tsx
index c5672596..b2a95808 100644
--- a/src/components/help/views/SelectTopicView.tsx
+++ b/src/components/help/views/SelectTopicView.tsx
@@ -39,7 +39,7 @@ export const SelectTopicView: FC<{}> = props =>
     return (
         <>
             <Column gap={ 1 }>
-                <Text fontSize={ 3 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
+                <Text fontSize={ 4 }>{ LocalizeText('help.emergency.chat_report.subtitle') }</Text>
                 <Text>{ LocalizeText('help.cfh.pick.topic') }</Text>
             </Column>
             <Column gap={ 1 } overflow="auto">