fixed github connection display error and now you can click on assets…

… in the calendar

src/app/views/admissions/student-form/StudentDetails.jsx

@@ -17,6 +17,7 @@ import {
 } from '@material-ui/core';
 import { Formik } from 'formik';
 import PropTypes from 'prop-types';
+import HelpIcon from '../../../components/HelpIcon';
 import bc from '../../../services/breathecode';
 
 const propTypes = {
@@ -139,10 +140,12 @@ const StudentDetails = ({
                   <TableCell className="pl-4">Github</TableCell>
                   <TableCell>
                     <div>{user?.user.github?.username}</div>
-                    {user?.user.github === undefined ? (
-                      <small className="px-1 py-2px bg-light-error text-red border-radius-4">
-                        GITHUB UNVERIFIED
-                      </small>
+                    {user?.user.github === undefined || !user?.user.github ? (<>
+                        <small className="px-1 py-2px bg-light-error text-red border-radius-4">
+                          GITHUB UNVERIFIED
+                        </small>
+                        <HelpIcon message={`Ask student to connect github or share the github reset link from the additional accions`} />
+                      </>
                     ) : (
                       <small className="px-1 py-2px bg-light-green text-green border-radius-4">
                         GITHUB VERIFIED

src/app/views/media/media_calendar.jsx

@@ -6,6 +6,7 @@ import CalendarHeader from "./components/CalendarHeader";
 import * as ReactDOM from "react-dom";
 import { Breadcrumb } from "matx";
 import dayjs from 'dayjs';
+import { useHistory } from 'react-router-dom';
 import bc from 'app/services/breathecode';
 // import EventEditorDialog from "./EventEditorDialog";
 import { makeStyles } from "@material-ui/core/styles";
@@ -56,6 +57,7 @@ const getRanges = (_date=undefined) => {
 
 const MatxCalendar = () => {
   const [events, setEvents] = useState([]);
+  const history = useHistory();
   const [dateRange, setDateRange] = useState(getRanges());
 
   const headerComponentRef = useRef(null);
@@ -100,6 +102,7 @@ const MatxCalendar = () => {
           events={events}
           resizable
           localizer={localizer}
+          onSelectEvent={asset => history.push(`/media/asset/${asset.slug}`)}
           onNavigate={(startingFrom) => setDateRange(getRanges(startingFrom))}
           defaultView={Views.MONTH}
           startAccessor="start"