course: fix little issue with add handouts

Author: williamstein

src/packages/frontend/course/assignments/assignments-panel.tsx

@@ -308,13 +308,16 @@ export const AssignmentsPanel: React.FC<Props> = React.memo((props: Props) => {
 });
 
 // used for adding assignments outside of the above component.
-export function AddAssignments({ name, actions }) {
+export function AddAssignments({ name, actions, close }) {
   const assignments = useRedux(name, "assignments");
   return (
     <AddItems
       itemName="assignment"
       items={assignments}
-      addItems={actions.assignments.addAssignment}
+      addItems={(paths) => {
+        actions.assignments.addAssignment(paths);
+        close?.();
+      }}
       selectorStyle={{
         position: null,
         width: "100%",

src/packages/frontend/course/handouts/handouts-panel.tsx

@@ -239,13 +239,16 @@ export function HandoutsPanelHeader(props: { n: number }) {
 }
 
 // used for adding assignments outside of the above component.
-export function AddHandouts({ name, actions }) {
+export function AddHandouts({ name, actions, close }) {
   const handouts = useRedux(name, "handouts");
   return (
     <AddItems
       itemName="handout"
       items={handouts}
-      addItems={actions.assignments.addHandout}
+      addItems={(paths) => {
+        actions.handouts.addHandout(paths);
+        close?.();
+      }}
       selectorStyle={{
         position: null,
         width: "100%",