for add year- provide only the options which do not

 already exist

Author: Shreya Agrawal

client/src/screens/browse/components/browsefolder/index.jsx

@@ -11,6 +11,7 @@ import { ConfirmDialog } from "./confirmDialog";
 const BrowseFolder = ({ type = "file", color, path, name, subject, folderData, parentFolder }) => {
     const dispatch = useDispatch();
     const currYear = useSelector((state) => state.fileBrowser.currentYear);
+    const isBR = useSelector((state) => state.user.user.isBR);
     const [showConfirm, setShowConfirm] = useState(false);
     const onClick = (folderData) => {
         // return;
@@ -120,14 +121,14 @@ const BrowseFolder = ({ type = "file", color, path, name, subject, folderData, p
                     <div className="top">
                         <p className="path">{""}</p>
                         <p className="name">{name ? name : "Name"}</p>
-                        <span
+                        {isBR && <span
                             className="delete"
                             onClick={(e) => {
                                 e.stopPropagation();
                                 setShowConfirm(true);
                             }}
                             title="Delete folder"
-                        ></span>
+                        ></span>}
                     </div>
                     <div className="bottom">
                         <p className="subject">
@@ -136,12 +137,12 @@ const BrowseFolder = ({ type = "file", color, path, name, subject, folderData, p
                     </div>
                 </div>
             </div>
-            <ConfirmDialog
+            {isBR &&<ConfirmDialog
                 isOpen={showConfirm}
                 type="delete"
                 onConfirm={handleDelete}
                 onCancel={cancelDelete}
-            />
+            />}
         </>
     );
 };

client/src/screens/browse/components/year-info/index.jsx

@@ -94,11 +94,14 @@ const YearInfo = ({
                                         key={idx}
                                     >
                                         {year.name}
-                                        <div 
-                                            className="delete" 
-                                            onClick={handleDeleteYear}
-                                            title="Delete Year"
-                                        ></div>
+                                        {isBR?
+                                            <div 
+                                                className="delete" 
+                                                onClick={handleDeleteYear}
+                                                title="Delete Year"
+                                            ></div>
+                                            :null
+                                        }
 
                                     </span>
                                     <ConfirmDelDialog
@@ -111,30 +114,33 @@ const YearInfo = ({
                             );
                         })}
                 </div>
-                <div className="year-content year add-year">
-                    {course &&
-                        <div>
-                            <div className="">
-                                <span className="" onClick={handleAddYear}>
-                                    <span className="text">New Year</span>
-                                </span>
+                {isBR?
+                    <div className="year-content year add-year">
+                        {course &&
+                            <div>
+                                <div className="">
+                                    <span className="" onClick={handleAddYear}>
+                                        <span className="text">New Year</span>
+                                    </span>
+                                </div>
+                                <ConfirmDialog
+                                    show={showConfirm}
+                                    input={true}
+                                    // inputValue={newFolderName}
+                                    // onInputChange={(e) => setNewFolderName(e.target.value)}
+                                    yearName={newYearName}
+                                    onYearNameChange={setNewYearName}
+                                    onConfirm={handleConfirmAddYear}
+                                    onCancel={() => setShowConfirm(false)}
+                                    confirmText="Create"
+                                    cancelText="Cancel"
+                                    course={course}
+                                />
                             </div>
-                            <ConfirmDialog
-                                show={showConfirm}
-                                input={true}
-                                // inputValue={newFolderName}
-                                // onInputChange={(e) => setNewFolderName(e.target.value)}
-                                yearName={newYearName}
-                                onYearNameChange={setNewYearName}
-                                onConfirm={handleConfirmAddYear}
-                                onCancel={() => setShowConfirm(false)}
-                                confirmText="Create"
-                                cancelText="Cancel"
-                                course={course}
-                            />
-                        </div>
-                    }
-                </div>
+                        }
+                    </div>
+                    :null
+                }
             </div>
         </>
     );

client/src/screens/browse/index.jsx

@@ -186,7 +186,6 @@ const BrowseScreen = () => {
             folderData?.childType === "Folder"? "Select a folder..."
                     :currCourse?"No data available for this course":"Select a course..."
 
-
     return (
         <Container color={"light"} type={"fluid"}>
             <div className="navbar-browse-screen">
@@ -205,7 +204,9 @@ const BrowseScreen = () => {
                     {user.localCourses?.map((course, idx) => {
                         return <Collapsible color={course.color} key={idx} course={course} />;
                     })}
-                    
+                    {user.user?.isBR && (
+                        <h4 className="heading">PREVIOUS COURSES</h4>
+                    )}
                     {!(user.user?.isBR && user.user?.previousCourses?.length > 0)
                         ? ""
                         : `<h4 className="heading">PREVIOUS COURSES</h4>` &&