Merge pull request #1599 from gustavomm19/add-delivered-at

Add delivered at to deliver modal

public/locales/en/assignments.json

@@ -97,6 +97,7 @@
     "waiting-for-review": "Waiting for review",
     "student-name": "Student {{name}}",
     "project-delivered": "Project delivered:",
+    "delivered-at": "Delivered at:",
     "your-teacher-said": "Your teacher said:",
     "feedback-will-be-shown-here": "The teacher's feedback will be shown here if it's approved",
     "read-code-reviews": "(Read code reviews)",

public/locales/es/assignments.json

@@ -97,6 +97,7 @@
     "waiting-for-review": "Esperando revisión",
     "student-name": "Estudiante {{name}}",
     "project-delivered": "Proyecto entregado:",
+    "delivered-at": "Entregado el:",
     "your-teacher-said": "Tu profesor dijo:",
     "feedback-will-be-shown-here": "El comentario del profesor se mostrará aquí si es aprobado",
     "read-code-reviews": "(Leer revisiones de código)",

src/common/components/ReviewModal/index.jsx

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { useEffect, useState } from 'react';
 import { Box, Button, Flex, Link, Textarea, useToast } from '@chakra-ui/react';
 import useTranslation from 'next-translate/useTranslation';
+import { format } from 'date-fns';
 import SimpleModal from '../SimpleModal';
 import Text from '../Text';
 import useStyle from '../../hooks/useStyle';
@@ -572,6 +573,13 @@ function ReviewModal({ isExternal, externalFiles, isOpen, isStudent, externalDat
                       {currentTask?.title}
                     </Link>
                   )}
+                  {currentTask?.delivered_at && (
+                    <Text size="md">
+                      {t('code-review.delivered-at')}
+                      {'  '}
+                      {format(new Date(currentTask.delivered_at), 'MM/dd/yyyy')}
+                    </Text>
+                  )}
                 </Flex>
 
                 {Array.isArray(fileData) && fileData.length > 0 && (