Display correct icon color based on status

2020-01-20 02:54:44 +00:00
parent 6c7464fe67
commit 047833b5cc
4 changed files with 30 additions and 16 deletions
@@ -1,13 +1,20 @@
 import React, { useState, useEffect } from 'react';
 import { Table } from 'semantic-ui-react';

-export const isAdmin = (user) => user.is_staff || user.member.is_director || user.member.is_staff;
-export const isInstructor = (user) => isAdmin(user) || user.member.is_instructor;
-
 export const siteUrl = window.location.protocol + '//' + window.location.hostname;
 export const apiUrl = window.location.protocol + '//api.' + window.location.hostname;
 export const staticUrl = window.location.protocol + '//static.' + window.location.hostname;

+export const isAdmin = (user) => user.is_staff || user.member.is_director || user.member.is_staff;
+export const isInstructor = (user) => isAdmin(user) || user.member.is_instructor;
+
+export const statusColor = {
+	'Current': 'green',
+	'Due': 'yellow',
+	'Overdue': 'red',
+	'Former Member': 'black',
+};
+
 export const BasicTable = (props) => (
 	<Table collapsing padded unstackable basic='very'>
 		{props.children}