Use buttons instead of checkbox, get students not all profile in statistics

src/actions/statistics.js

@@ -59,7 +59,7 @@ export const getEventById = id => (
 export const getTrainees = () => (
   async (dispatch) => {
     try {
-      const response = await axios.get('/api/v1/profiles/');
+      const response = await axios.get('/api/v1/profiles/', { params: { role: 'Student' } });
       dispatch({
         type: GET_TRAINEES,
         payload: response.data,
@@ -82,11 +82,12 @@ export const visitorChange = ({ id, value }) => {
   }
 };
 
-export const submitVisitors = ({ id, visitors }) => (
+export const submitVisitors = ({ id, visitors, absent }) => (
   async () => {
     try {
       const response = await axios.patch(`/api/v1/staff_events/${id}/`, {
-        visitors
+        visitors,
+        absent,
       });
     } catch (e) {
       console.log(e);

src/components/pages/TraineeTableRow.js

@@ -64,11 +64,23 @@ class TraineeTableRow extends Component {
           </Table.Cell>
           :
           <Table.Cell textAlign='center'>
-            <Dropdown
-              defaultValue={isVisitor ? 'Visitor' : isAbsent ? 'Absent' : 'No'}
-              selection
-              options={visitStates}
-              onChange={(_, v) => this.props.visitorChange({ id : trainee.id, value: v.value })}
+            <Button
+              compact
+              icon={<Icon color='green' name='checkmark' />}
+              color={isVisitor ? 'blue' : 'lightgrey'}
+              onClick={() => this.props.visitorChange({ id : trainee.id, value: 'Visitor' })}
+            />
+            <Button
+              compact
+              icon={<Icon color='orange' name='minus' />}
+              color={isAbsent ? 'blue' : 'lightgrey'}
+              onClick={() => this.props.visitorChange({ id : trainee.id, value: 'Absent' })}
+            />
+            <Button
+              compact
+              icon={<Icon color='red' name='cancel' />}
+              color={!isVisitor && !isAbsent ? 'blue' : 'lightgrey'}
+              onClick={() => this.props.visitorChange({ id : trainee.id, value: 'No' })}
             />
           </Table.Cell>
         }

src/components/pages/Trainees.js

@@ -19,7 +19,11 @@ class Trainees extends Component {
       }
       return (
         <Table.Cell textAlign='center'>
-          <Icon color='red' name='cancel' />
+          { event.absent.includes(trainee.id) ?
+            <Icon color='orange' name='minus' />
+            :
+            <Icon color='red' name='cancel' />
+          }
         </Table.Cell>);
     }));
   }