Mod tools update

src/components/mod-tools/ModToolsView.tsx

@@ -5,10 +5,10 @@ import { GetRoomSession } from '../../api';
 import { Button, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../common';
 import { ModToolsEvent, ModToolsOpenRoomChatlogEvent, ModToolsOpenRoomInfoEvent, ModToolsOpenUserInfoEvent } from '../../events';
 import { DispatchUiEvent, UseRoomEngineEvent, UseUiEvent } from '../../hooks';
+import { ISelectedUser } from './common/ISelectedUser';
 import { ModToolsContextProvider } from './ModToolsContext';
 import { ModToolsMessageHandler } from './ModToolsMessageHandler';
 import { initialModTools, ModToolsActions, ModToolsReducer } from './reducers/ModToolsReducer';
-import { ISelectedUser } from './utils/ISelectedUser';
 import { ModToolsChatlogView } from './views/room/ModToolsChatlogView';
 import { ModToolsRoomView } from './views/room/ModToolsRoomView';
 import { ModToolsTicketsView } from './views/tickets/ModToolsTicketsView';

src/components/mod-tools/views/tickets/ModToolsIssueInfoView.tsx

@@ -50,7 +50,7 @@ export const ModToolsIssueInfoView: FC<IssueInfoViewProps> = props =>
                 <NitroCardHeaderView headerText={'Resolving issue ' + issueId} onCloseClick={() => onIssueInfoClosed(issueId)} />
                 <NitroCardContentView className="text-black">
                     <Text fontSize={ 4 }>Issue Information</Text>
-                    <Grid>
+                    <Grid overflow="auto">
                         <Column size={ 8 }>
                             <table className="table table-striped table-sm table-text-small text-black m-0">
                                 <tbody>
@@ -60,11 +60,11 @@ export const ModToolsIssueInfoView: FC<IssueInfoViewProps> = props =>
                                     </tr>
                                     <tr>
                                         <th>Category</th>
-                                        <td>{ LocalizeText('help.cfh.topic.' + ticket.reportedCategoryId) }</td>
+                                        <td className="text-break">{ LocalizeText('help.cfh.topic.' + ticket.reportedCategoryId) }</td>
                                     </tr>
                                     <tr>
                                         <th>Description</th>
-                                        <td>{ ticket.message }</td>
+                                        <td className="text-break">{ ticket.message }</td>
                                     </tr>
                                     <tr>
                                         <th>Caller</th>

src/components/mod-tools/views/user/ModToolsUserModActionView.tsx

@@ -2,9 +2,9 @@ import { CallForHelpTopicData, DefaultSanctionMessageComposer, ModAlertMessageCo
 import { FC, useMemo, useState } from 'react';
 import { LocalizeText, NotificationAlertType, NotificationUtilities, SendMessageComposer } from '../../../../api';
 import { Button, Column, Flex, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
+import { ISelectedUser } from '../../common/ISelectedUser';
+import { ModActionDefinition } from '../../common/ModActionDefinition';
 import { useModToolsContext } from '../../ModToolsContext';
-import { ISelectedUser } from '../../utils/ISelectedUser';
-import { ModActionDefinition } from '../../utils/ModActionDefinition';
 
 interface ModToolsUserModActionViewProps
 {

src/components/mod-tools/views/user/ModToolsUserSendMessageView.tsx

@@ -4,7 +4,7 @@ import { SendMessageComposer } from '../../../../api';
 import { Button, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
 import { NotificationAlertEvent } from '../../../../events';
 import { DispatchUiEvent } from '../../../../hooks';
-import { ISelectedUser } from '../../utils/ISelectedUser';
+import { ISelectedUser } from '../../common/ISelectedUser';
 
 interface ModToolsUserSendMessageViewProps
 {