fix stories

Author: summer-cook

src/components/FilesTable/FilesTable.jsx

@@ -9,6 +9,7 @@ import {
 // add back handleDeleteFile to props once posting attachments/messages is working/during the work for this ticket:
 // https://github.com/scientist-softserv/webstore-component-library/issues/152*/
 const FilesTable = ({ addClass, files }) => {
+  console.log('files from filestable', files)
   if (files.length === 0) {
     return (
       <h6 className='mt-3'>You do not have this type of document yet.</h6>
@@ -56,7 +57,19 @@ const FilesTable = ({ addClass, files }) => {
 
 FilesTable.propTypes = {
   addClass: PropTypes.string,
-  files: PropTypes.shapeOf(['']).isRequired,
+  files: PropTypes.shape([{
+    contentLength: PropTypes.string.isRequired,
+    content_length: PropTypes.number.isRequired,
+    content_type: PropTypes.string.isRequired,
+    createdAt: PropTypes.string.isRequired,
+    created_at: PropTypes.string.isRequired,
+    download: PropTypes.string.isRequired,
+    filename: PropTypes.string.isRequired,
+    href: PropTypes.string.isRequired,
+    status: PropTypes.string.isRequired,
+    uploadedBy: PropTypes.string.isRequired,
+    uuid: PropTypes.string.isRequired,
+  }]).isRequired,
   // TODO(summer-cook): add this back in. see comment above.
   // handleDeleteFile: PropTypes.func.isRequired,
 }

src/components/FilesTable/FilesTable.stories.jsx

@@ -10,5 +10,17 @@ const Template = (args) => <FilesTable {...args} />
 
 export const Default = Template.bind({})
 Default.args = {
-  headers: [''],
+  files: [{
+    contentLength: "938.57 KB",
+    content_length: 961096,
+    content_type: "image/png",
+    createdAt: " Dec 22 2022 at 12:56:48 PM",
+    created_at: "2022-12-22T10:56:48.405-08:00",
+    download: "/quote_groups/10bd825f-c7e0-4c07-bd9e-f7982b21f435/attachments/nepal5.png",
+    filename: "nepal5.png",
+    href: "https://acme.scientist.com/secure_attachments/4611434c-ba99-481e-84ee-37e1fdbd203e",
+    status: null,
+    uploadedBy: "Summer Cook",
+    uuid: "4611434c-ba99-481e-84ee-37e1fdbd203e",
+  }],
 }

src/compounds/ActionsGroup/ActionsGroup.jsx

@@ -62,7 +62,19 @@ const ActionsGroup = ({ initialFiles }) => {
 
 ActionsGroup.propTypes = {
   // handleSendingMessagesOrFiles: PropTypes.func.isRequired,
-  initialFiles: PropTypes.shapeOf(['']).isRequired,
+  initialFiles: PropTypes.shape([{
+    contentLength: PropTypes.string.isRequired,
+    content_length: PropTypes.number.isRequired,
+    content_type: PropTypes.string.isRequired,
+    createdAt: PropTypes.string.isRequired,
+    created_at: PropTypes.string.isRequired,
+    download: PropTypes.string.isRequired,
+    filename: PropTypes.string.isRequired,
+    href: PropTypes.string.isRequired,
+    status: PropTypes.string.isRequired,
+    uploadedBy: PropTypes.string.isRequired,
+    uuid: PropTypes.string.isRequired,
+  }]).isRequired,
 }
 
 export default ActionsGroup

src/compounds/ActionsGroup/ActionsGroup.stories.jsx

@@ -15,4 +15,17 @@ Default.args = {
     console.log('the message is:', message)
     console.log(`attached file(s): ${files.map((file) => file.split('name=')[1])}`)
   },
+  initialFiles: [{
+    contentLength: "938.57 KB",
+    content_length: 961096,
+    content_type: "image/png",
+    createdAt: " Dec 22 2022 at 12:56:48 PM",
+    created_at: "2022-12-22T10:56:48.405-08:00",
+    download: "/quote_groups/10bd825f-c7e0-4c07-bd9e-f7982b21f435/attachments/nepal5.png",
+    filename: "nepal5.png",
+    href: "https://acme.scientist.com/secure_attachments/4611434c-ba99-481e-84ee-37e1fdbd203e",
+    status: null,
+    uploadedBy: "Summer Cook",
+    uuid: "4611434c-ba99-481e-84ee-37e1fdbd203e",
+  }],
 }

src/compounds/ActionsGroup/actions/ViewFiles.jsx

@@ -17,6 +17,7 @@ import FilesTable from '../../../components/FilesTable/FilesTable'
 // import { apiV2CompatibleStrings, convertToBase64 } from '../../../resources/utilityFunctions'
 
 const ViewFiles = ({ initialFiles, handleClose, show }) => {
+  console.log('initialfiles form viewfiles', initialFiles)
   // TODO(summercook):
   // - comment back in the following 2 lines & above imports once posting messages/attachments is working
   // const fileRef = useRef(null)
@@ -132,7 +133,7 @@ const ViewFiles = ({ initialFiles, handleClose, show }) => {
 }
 
 ViewFiles.propTypes = {
-  initialFiles: PropTypes.shapeOf(['']).isRequired,
+  initialFiles: PropTypes.shape([{}]).isRequired,
   handleClose: PropTypes.func.isRequired,
   show: PropTypes.bool.isRequired,
 }