go to master

src/components/Administrator.tsx

@@ -38,6 +38,7 @@ const SaveButton = styled.button`
   font-weight: bold;
   cursor: pointer;
   height: 40px;
+  margin:10px;
   &:hover {
     color: #ffffff;
     box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.24);
@@ -66,6 +67,7 @@ const LogoWrapper = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  margin-top:-50px;
 `;
 
 const Text = styled.div`
@@ -212,7 +214,8 @@ export const Administrator = () => {
           <Logo alt="logo" src="https://plannaplan.pl/img/logo.svg" />
           <Text> plan na plan </Text>
         </LogoWrapper>
-        {xd !== true ? (
+        {xd === true ? (
+          <div>
           <Form onSubmit={uploadFile}>
             <div>
               <div>Start pierwszej tury:</div>{' '}
@@ -251,10 +254,11 @@ export const Administrator = () => {
               <SaveButton type="submit">{loading === false ? 'Zapisz' : <SyncLoader />} </SaveButton>
             </div>
           </Form>
-        ) : (
-          <DownloadSection>
-            <SaveButton onClick={downloadFile}>Pobierz dane.csv</SaveButton>
-          </DownloadSection>
+                      <DownloadSection>
+                      <SaveButton onClick={downloadFile}>Pobierz dane.csv</SaveButton>
+                    </DownloadSection>
+                    </div>
+        ) : (<div></div>
         )}
       </Wrap>
     </AdministratorWrapper>

src/components/SelectMenu.tsx

@@ -84,7 +84,6 @@ export const SelectMenu = ({changeSelectedOption,changeDropdownOpen, selectedOpt
       <Wrapper onClick={() => {changeDropdownOpen(false)}}>
         <Header
           onClick={() => {
-            console.log('clicked');
             setIsOpen(!isOpen);
           }}
         >

src/components/Transfer.tsx

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, useContext, useEffect, useMemo, useState } from 'react';
+import React, { ChangeEvent, useContext, useEffect, MouseEvent, useState } from 'react';
 import Modal from '@material-ui/core/Modal';
 import Fade from '@material-ui/core/Fade';
 import { makeStyles } from '@material-ui/core/styles';
@@ -11,6 +11,7 @@ import { Dropdown } from './Dropdown';
 import { DropdownModal } from './DropdownModal';
 import { dayMapping } from '../constants';
 import TransferIcon from '../assets/switch.svg';
+import DeleteIcon from '@material-ui/icons/Delete';
 
 interface TransferProps {
   handleClose: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
@@ -42,6 +43,15 @@ const TransferStyled = styled.div`
   letter-spacing: 0.2ch;
 `;
 
+const BinIcon = styled(DeleteIcon)`
+  max-width: 30px;
+  min-width: 30px;
+  cursor: pointer;
+  &:hover {
+    fill: white;
+  }
+`;
+
 const InputWrapper = styled.div`
   display: flex;
   flex-direction: row;
@@ -153,14 +163,7 @@ const Exchange = styled.div`
   justify-content: center;
 `;
 
-const deleteExchange = async (id: number) => {
-  try {
-    const response = await axiosInstance.delete(`${process.env.REACT_APP_API_URL}/api/v1/exchanges/exchange/${id}`);
-    console.log('delete exchange response: ', response);
-  } catch (e) {
-    console.log(e);
-  }
-};
+
 
 export const Transfer = ({ handleClose, isTransferOpen }: TransferProps) => {
   const { basket, selectBasketCourses } = useContext(coursesContext)!;
@@ -174,33 +177,24 @@ export const Transfer = ({ handleClose, isTransferOpen }: TransferProps) => {
 
   const [assignmentsClasses, setAssignmentsClasses] = useState<Array<any>>([]);
   const [selectedAssignmentsClasses, setSelectedAssignmentsClasses] = useState<any>('');
-  const [groups, setGroups] = useState<any>([]);
   const [selectedGroup, setSelectedGroup] = useState<any>('');
+  const [groups, setGroups] = useState<any>([]);
   const [exchanges, setExchanges] = useState<any>(null);
   const [save, setSave] = useState(false);
   // const allGroups
   const handleSelectedAssignmentsGroupChange = (event: React.ChangeEvent<{ value: unknown }>) => {
-    setSelectedAssignmentsClasses(event.target.value);
+    setSelectedAssignmentsClasses(event.target.value as any);
   };
 
   const handleGroupsChange = (event: React.ChangeEvent<{ value: unknown }>) => {
     setSelectedGroup(event.target.value as any);
   };
+
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => setInput(event.target.value);
   const handleShowDropdown = () => setOpen(true);
 
   const handleCloseDropdown = () => setOpen(false);
 
-useEffect(()=>{
-  console.log("ASAJNMENTS",selectedAssignmentsClasses)
-},[selectedAssignmentsClasses])
-
-
-useEffect(()=>{
-  console.log("SELEKTET GTUP",selectedGroup)
-},[selectedGroup])
-
-
   useEffect(() => {
     if (selectedAssignmentsClasses) {
       const allGroups = basketCourses.filter((el) => el.name === selectedAssignmentsClasses.name);
@@ -214,16 +208,16 @@ useEffect(()=>{
     }
   }, [selectedAssignmentsClasses]);
 
-  useEffect(() => {
-    const getExchanges = async () => {
-      try {
-        const { data } = await axiosInstance.get(`${process.env.REACT_APP_API_URL}/api/v1/exchanges/exchange/all`);
-        setExchanges(data);
-      } catch (e) {
-        console.log(e);
-      }
-    };
+  const getExchanges = async () => {
+    try {
+      const { data } = await axiosInstance.get(`${process.env.REACT_APP_API_URL}/api/v1/exchanges/exchange/all`);
+      setExchanges(data);
+    } catch (e) {
+      console.log(e);
+    }
+  };
 
+  useEffect(() => {
     const getAssignmentsGroups = async () => {
       try {
         const { data } = await axiosInstance.get(`${process.env.REACT_APP_API_URL}/api/v1/commisions/user/assignments`);
@@ -246,9 +240,32 @@ useEffect(()=>{
     } catch (e) {
       console.log(e);
     }
+    setSelectedGroup('');
+    setSelectedAssignmentsClasses('');
     setSave(!save);
   };
 
+  const getExchange = async (event: MouseEvent) => {
+    const target = event.currentTarget;
+    try {
+      const response = await axiosInstance.post(
+        `${process.env.REACT_APP_API_URL}/api/v1/exchanges/exchange/${target.id}`,
+      );
+    } catch (e) {
+      console.log(e);
+    }
+
+  };
+
+  const deleteExchange = async (id: number) => {
+    try {
+      const response = await axiosInstance.delete(`${process.env.REACT_APP_API_URL}/api/v1/exchanges/exchange/${id}`);
+      getExchanges();
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
   return (
     <div>
       <Modal
@@ -273,10 +290,10 @@ useEffect(()=>{
                       placeholder="Wyszukaj..."
                       style={{ width: '200px' }}
                     >
-                      {assignmentsClasses.map((el) => {
+                      {assignmentsClasses.map((el: any, index: number) => {
                         return (
                           <MenuItem
-                            key={el.id}
+                            key={index}
                             value={el}
                             style={{
                               display: 'flex',
@@ -343,18 +360,26 @@ useEffect(()=>{
 
             <ExchangesWrapper>
               {exchanges ? (
-                exchanges.map((name: any) => (
-                  <ExchangesRow>
+                exchanges.map((name: any, index: number) => (
+                  <ExchangesRow key={index}>
                     {' '}
                     <Exchange>
                       {name.ownedAssignment.lecturer} <br></br> {dayMapping[name.ownedAssignment.day]} <br></br>{' '}
                       {name.ownedAssignment.time} - {name.ownedAssignment.endTime}
                     </Exchange>
-                    <Icon alt="transfer" src={TransferIcon} />
+                    <Icon alt="transfer" src={TransferIcon} onClick={getExchange} />
                     <Exchange>
                       {name.desiredGroup.lecturer} <br></br> {dayMapping[name.desiredGroup.day]} <br></br>{' '}
                       {name.desiredGroup.time} - {name.desiredGroup.endTime}
                     </Exchange>{' '}
+                    <BinIcon
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        const id = Number(e.currentTarget.id);
+                        deleteExchange(id);
+                      }}
+                      id={name.id}
+                    ></BinIcon>
                   </ExchangesRow>
                 ))
               ) : (

src/contexts/CoursesProvider.tsx

@@ -111,7 +111,6 @@ export const CoursesProvider = ({ children }: CoursesProviderProps) => {
 
   const selectGroups = () => {
     const groups = [];
-    console.log('courses are: ', courses);
     return (courses as unknown) as Array<Group>;
   };