change to camel case, linting, and remove console logs

Author: summer-cook

src/components/FilesTable/FilesTable.jsx

@@ -9,7 +9,6 @@ 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>
@@ -30,10 +29,10 @@ const FilesTable = ({ addClass, files }) => {
       </thead>
       <tbody>
         {files.map((file) => {
-          const { uuid, filename, uploadedBy, contentLength, createdAt } = file
+          const { uuid, fileName, uploadedBy, contentLength, createdAt } = file
           return (
             <tr key={uuid} className='small'>
-              <td>{filename}</td>
+              <td>{fileName}</td>
               <td>{uploadedBy}</td>
               <td>{contentLength}</td>
               <td>{createdAt}</td>
@@ -60,12 +59,10 @@ FilesTable.propTypes = {
   files: PropTypes.arrayOf(
     PropTypes.shape({
       contentLength: PropTypes.string.isRequired,
-      content_length: PropTypes.number.isRequired,
-      content_type: PropTypes.string.isRequired,
+      contentType: PropTypes.string.isRequired,
       createdAt: PropTypes.string.isRequired,
-      created_at: PropTypes.string.isRequired,
       download: PropTypes.string.isRequired,
-      filename: PropTypes.string.isRequired,
+      fileName: PropTypes.string.isRequired,
       href: PropTypes.string.isRequired,
       status: PropTypes.string.isRequired,
       uploadedBy: PropTypes.string.isRequired,

src/components/FilesTable/FilesTable.stories.jsx

@@ -11,16 +11,14 @@ const Template = (args) => <FilesTable {...args} />
 export const Default = Template.bind({})
 Default.args = {
   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",
+    contentLength: '938.57 KB',
+    contentType: 'image/png',
+    createdAt: ' Dec 22 2022 at 12:56:48 PM',
+    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",
+    uploadedBy: 'Summer Cook',
+    uuid: '4611434c-ba99-481e-84ee-37e1fdbd203e',
   }],
 }

src/compounds/ActionsGroup/ActionsGroup.jsx

@@ -8,7 +8,6 @@ import './actions-group.scss'
 
 // TODO: add back handleSendingMessagesOrFiles into the props. see below TODO.
 const ActionsGroup = ({ initialFiles }) => {
-  console.log('initialfiles', initialFiles)
   const [show, setShow] = useState(false)
   const [action, setAction] = useState(null)
 
@@ -65,12 +64,10 @@ ActionsGroup.propTypes = {
   initialFiles: PropTypes.arrayOf(
     PropTypes.shape({
       contentLength: PropTypes.string.isRequired,
-      content_length: PropTypes.number.isRequired,
-      content_type: PropTypes.string.isRequired,
+      contentType: PropTypes.string.isRequired,
       createdAt: PropTypes.string.isRequired,
-      created_at: PropTypes.string.isRequired,
       download: PropTypes.string.isRequired,
-      filename: PropTypes.string.isRequired,
+      fileName: PropTypes.string.isRequired,
       href: PropTypes.string.isRequired,
       status: PropTypes.string.isRequired,
       uploadedBy: PropTypes.string.isRequired,

src/compounds/ActionsGroup/ActionsGroup.stories.jsx

@@ -17,12 +17,10 @@ Default.args = {
   },
   initialFiles: [{
     contentLength: '938.57 KB',
-    content_length: 961096,
-    content_type: 'image/png',
+    contentType: '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',
+    fileName: 'nepal5.png',
     href: 'https://acme.scientist.com/secure_attachments/4611434c-ba99-481e-84ee-37e1fdbd203e',
     status: null,
     uploadedBy: 'Summer Cook',

src/compounds/ActionsGroup/actions/ViewFiles.jsx

@@ -17,7 +17,6 @@ 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)
@@ -136,12 +135,10 @@ ViewFiles.propTypes = {
   initialFiles: PropTypes.arrayOf(
     PropTypes.shape({
       contentLength: PropTypes.string.isRequired,
-      content_length: PropTypes.number.isRequired,
-      content_type: PropTypes.string.isRequired,
+      contentType: PropTypes.string.isRequired,
       createdAt: PropTypes.string.isRequired,
-      created_at: PropTypes.string.isRequired,
       download: PropTypes.string.isRequired,
-      filename: PropTypes.string.isRequired,
+      fileName: PropTypes.string.isRequired,
       href: PropTypes.string.isRequired,
       status: PropTypes.string.isRequired,
       uploadedBy: PropTypes.string.isRequired,