Merge pull request #56 from microsoft/adesousa_microsoft/styling-updates

text update and fix character limit bug

Author: hunterjam

frontend/src/components/DraftCards/SectionCard.tsx

@@ -147,11 +147,11 @@ const SectionCard = ({ sectionIdx }: SectionCardProps) => {
       content: responseBody.section_content
     }
     appStateContext?.dispatch({ type: 'UPDATE_SECTION', payload: { sectionIdx: sectionIdx, section: updatedSection } })
-    const content = updatedSection.content || ''
+    let content = updatedSection.content || ''
 
     // limit the character count to 2000
     if (content.length > sectionCharacterLimit) {
-      updatedSection.content = content.slice(0, sectionCharacterLimit)
+      content = content.slice(0, sectionCharacterLimit)
     }
 
     setCharCount(content.length)

frontend/src/pages/chat/Chat.tsx

@@ -63,7 +63,7 @@ const enum contentTemplateSections {
   NewLine = '\n\n',
   Intro = 'The proposal will include the following sections:',
   Closing = 'Does this look good? If so, you can **generate the document** now. You can also ask me to **add an item** or **change the order of the sections**.',
-  JSONParseError = 'Unable to parse the template response into a valid structure. Please try again.',
+  JSONParseError = 'Could not create a template, please try again and ask for a document type.',
   JSONStructureError = 'Unable to render the sections within the template. Please try again.'
 }
 

frontend/src/pages/draft/Draft.tsx

@@ -1,6 +1,6 @@
 import { useState, useContext } from 'react'
 import styles from './Draft.module.css'
-import { useLocation } from 'react-router-dom'
+import { useLocation, useNavigate } from 'react-router-dom'
 import TitleCard from '../../components/DraftCards/TitleCard'
 import SectionCard from '../../components/DraftCards/SectionCard'
 import { Document, Packer, Paragraph, TextRun } from 'docx'
@@ -12,12 +12,18 @@ const Draft = (): JSX.Element => {
   const appStateContext = useContext(AppStateContext)
   const location = useLocation()
   const [title, setTitle] = useState('')
+  const navigate = useNavigate()
 
   // get draftedDocument from context
   const draftedDocument = appStateContext?.state.draftedDocument
   const sections = draftedDocument?.sections ?? []
   const aiWarningLabel = 'AI-generated content may be incorrect'
 
+  // redirect to home page if draftedDocument is empty
+  if (!draftedDocument) {
+    navigate('/')
+  }
+
   const exportToWord = () => {
     const doc = new Document({
       sections: [