converted classbox.js to tsx (#1095)

* updated dependencies * convert ClassBox.js to ClassBox.tsx
uclaacm · Nov 1, 2023 · 38e769b · 38e769b
1 parent 7e79e88
commit 38e769b
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -61,6 +61,7 @@
     "prod_build": "cross-env REACT_APP_FS_PROJ=prod REACT_APP_SERVER_TYPE=prod react-scripts build"
   },
   "devDependencies": {
+    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "enzyme": "^3.11.0",

diff --git a/...components/Classes/components/ClassBox.js → ...omponents/Classes/components/ClassBox.tsx b/...components/Classes/components/ClassBox.js → ...omponents/Classes/components/ClassBox.tsx
@@ -4,9 +4,18 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import '../../../styles/ClassBox.scss';
 
+interface ClassBoxProps {
+  deleteFunc: () => void;
+  img: string;
+  instructorString: string;
+  name: string;
+  redirFunc: () => void;
+  showLeaveButton: JSX.Element;
+}
+
 const ClassBox = function ({
   deleteFunc, img, instructorString, name, redirFunc, showLeaveButton,
-}) {
+}: ClassBoxProps) {
   const leaveButton = showLeaveButton ? (
     <div
       className="p-2 text-center"

diff --git a/src/components/Classes/components/ConfirmLeaveModal.js b/src/components/Classes/components/ConfirmLeaveModal.js
@@ -24,7 +24,6 @@ const ConfirmLeaveModal = function (props) {
       uid,
       cid,
     };
-
     try {
       // Note: leaveClass doesn't currently return anything.
       fetch
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,7 +24,6 @@ const ConfirmLeaveModal = function (props) { @@
           uid,
           cid,
         };
         try {
           // Note: leaveClass doesn't currently return anything.
           fetch
@@ Expand Down @@