fix(i18n): translate files and videos table view (#1591)

Fix translation issue on Files and Videos table view mode on the columns.

Author: igobranco

src/files-and-videos/files-page/FilesPage.jsx

@@ -94,7 +94,7 @@ const FilesPage = ({
 
   const activeColumn = {
     id: 'activeStatus',
-    Header: 'Active',
+    Header: intl.formatMessage(messages.fileActiveColumn),
     accessor: 'activeStatus',
     Cell: ({ row }) => ActiveColumn({ row, pageLoadStatus: loadingStatus }),
     Filter: CheckboxFilter,
@@ -106,7 +106,7 @@ const FilesPage = ({
   };
   const accessColumn = {
     id: 'lockStatus',
-    Header: 'Access',
+    Header: intl.formatMessage(messages.fileAccessColumn),
     accessor: 'lockStatus',
     Cell: ({ row }) => AccessColumn({ row }),
     Filter: CheckboxFilter,
@@ -122,7 +122,7 @@ const FilesPage = ({
   };
   const fileSizeColumn = {
     id: 'fileSize',
-    Header: 'File size',
+    Header: intl.formatMessage(messages.fileSizeColumn),
     accessor: 'fileSize',
     Cell: ({ row }) => {
       const { fileSize } = row.original;
@@ -133,12 +133,12 @@ const FilesPage = ({
   const tableColumns = [
     { ...thumbnailColumn },
     {
-      Header: 'File name',
+      Header: intl.formatMessage(messages.fileNameColumn),
       accessor: 'displayName',
     },
     { ...fileSizeColumn },
     {
-      Header: 'Type',
+      Header: intl.formatMessage(messages.fileTypeColumn),
       accessor: 'wrapperType',
       Filter: CheckboxFilter,
       filter: 'includesValue',

src/files-and-videos/files-page/messages.js

@@ -120,6 +120,31 @@ const messages = defineMessages({
       in your course and signed in to access the file.`,
     description: 'Tooltip message for the lock icon in the table view of files',
   },
+  fileNameColumn: {
+    id: 'course-authoring.files-and-uploads.file-info.fileName.column',
+    defaultMessage: 'File name',
+    description: 'Title of the File Name column in the file list view',
+  },
+  fileSizeColumn: {
+    id: 'course-authoring.files-and-uploads.file-info.fileSize.column',
+    defaultMessage: 'File size',
+    description: 'Title of the File size column in the file list view',
+  },
+  fileTypeColumn: {
+    id: 'course-authoring.files-and-uploads.file-info.fileType.column',
+    defaultMessage: 'Type',
+    description: 'Title of the Type column in the file list view',
+  },
+  fileActiveColumn: {
+    id: 'course-authoring.files-and-uploads.file-info.fileActive.column',
+    defaultMessage: 'Active',
+    description: 'Title of the Active column in the file list view',
+  },
+  fileAccessColumn: {
+    id: 'course-authoring.files-and-uploads.file-info.fileAccess.column',
+    defaultMessage: 'Access',
+    description: 'Title of the Access column in the file list view',
+  },
 });
 
 export default messages;