Improvements on start button

src/dashboards/AssignmentCreator.tsx

@@ -47,7 +47,7 @@ export default function AssignmentCreator({isCreating, assignment, user, groups,
 			}),
 	);
 	const [isLoading, setIsLoading] = useState(false);
-	const [startDate, setStartDate] = useState<Date | null>(assignment ? moment(assignment.startDate).toDate() : new Date());
+	const [startDate, setStartDate] = useState<Date | null>(assignment ? moment(assignment.startDate).toDate() : moment().add(1, 'hour').toDate());
 
 	const [endDate, setEndDate] = useState<Date | null>(
 		assignment ? moment(assignment.endDate).toDate() : moment().hours(23).minutes(59).add(8, "day").toDate(),

src/dashboards/AssignmentView.tsx

@@ -24,7 +24,7 @@ import {
   BsPen,
 } from "react-icons/bs";
 import { toast } from "react-toastify";
-import { activeAssignmentFilter } from "@/utils/assignments";
+import { futureAssignmentFilter } from "@/utils/assignments";
 
 interface Props {
   isOpen: boolean;
@@ -296,11 +296,9 @@ export default function AssignmentView({ isOpen, assignment, onClose }: Props) {
 
   const shouldRenderStart = () => {
     if (assignment) {
-      if (activeAssignmentFilter(assignment)) {
-        return false;
+      if (futureAssignmentFilter(assignment)) {
+        return true;
       }
-
-	  return assignment.results.length === 0;
     }
 
     return false;

src/dashboards/views/AssignmentsPage.tsx

@@ -6,7 +6,7 @@ import {
   archivedAssignmentFilter,
   futureAssignmentFilter,
   pastAssignmentFilter,
-  unstartedAssignmentFilter,
+  startHasExpiredAssignmentFilter,
 } from "@/utils/assignments";
 import clsx from "clsx";
 import { groupBy } from "lodash";
@@ -40,10 +40,10 @@ export default function AssignmentsPage({
   const [selectedAssignment, setSelectedAssignment] = useState<Assignment>();
   const [isCreatingAssignment, setIsCreatingAssignment] = useState(false);
 
-  const unstartedAssignments = assignments.filter(unstartedAssignmentFilter);
-
   const displayAssignmentView = !!selectedAssignment && !isCreatingAssignment;
 
+  const assignmentsPastExpiredStart = assignments.filter(startHasExpiredAssignmentFilter);
+
   return (
     <>
       {displayAssignmentView && (
@@ -144,21 +144,6 @@ export default function AssignmentsPage({
           ))}
         </div>
       </section>
-      <section className="flex flex-col gap-4">
-        <h2 className="text-2xl font-semibold">
-          Active Assignments Pending Start ({unstartedAssignments.length})
-        </h2>
-        <div className="flex flex-wrap gap-2">
-          {unstartedAssignments.map((a) => (
-            <AssignmentCard
-              {...a}
-              users={users}
-              onClick={() => setSelectedAssignment(a)}
-              key={a.id}
-            />
-          ))}
-        </div>
-      </section>
       <section className="flex flex-col gap-4">
         <h2 className="text-2xl font-semibold">
           Planned Assignments (
@@ -203,6 +188,25 @@ export default function AssignmentsPage({
             />
           ))}
         </div>
+      </section>
+	  <section className="flex flex-col gap-4">
+        <h2 className="text-2xl font-semibold">
+          Assignments start expired ({assignmentsPastExpiredStart.length})
+        </h2>
+        <div className="flex flex-wrap gap-2">
+          {assignments.filter(startHasExpiredAssignmentFilter).map((a) => (
+            <AssignmentCard
+              {...a}
+              users={users}
+              onClick={() => setSelectedAssignment(a)}
+              key={a.id}
+              allowDownload
+              reload={reloadAssignments}
+              allowArchive
+              allowExcelDownload
+            />
+          ))}
+        </div>
       </section>
       <section className="flex flex-col gap-4">
         <h2 className="text-2xl font-semibold">