29 lines
720 B
JavaScript
29 lines
720 B
JavaScript
import React from 'react';
|
|
|
|
|
|
function useColor(status, processing) {
|
|
if (processing)
|
|
return '#f1f1f1';
|
|
|
|
if (status === 'yes')
|
|
return '#52e691';
|
|
|
|
if (status === 'no')
|
|
return '#a41413';
|
|
|
|
if (status === 'info')
|
|
return '#3caee0';
|
|
|
|
throw new Error(`Invalid status: ${status}`);
|
|
}
|
|
|
|
export default function WiseMan(props) {
|
|
const { setProps, name, order_number, question_id, answer } = props;
|
|
const fullName = `${name.toUpperCase()} • ${order_number}`;
|
|
const color = useColor(answer['status'], question_id !== answer['id']);
|
|
|
|
return React.createElement('div', { className: `wise-man ${name}`, style: { background: color } },
|
|
[
|
|
fullName
|
|
])
|
|
} |