Cacher is the code snippet organizer for pro developers

// shorthand {(() => { })()}

        {r.operation === 'income' ? <td><span className="label label-success">Income</span></td> : <td><span className="label label-danger">Outcome</span></td> }

        
        
{(() => {
                                                    switch (r.quantity) {
                                                        case 1:
                                                            return <span className="badge bg-green">{r.quantity * 10}%</span>;
                                                        case 2:
                                                            return <span className="badge bg-red">{r.quantity * 10}%</span>;
                                                        case 4:
                                                            return <span className="badge bg-yellow">{r.quantity * 10}%</span>;
                                                        case 5:
                                                            return <span className="badge bg-blue">{r.quantity * 10}%</span>;
                                                        case 6:
                                                            return <span className="badge bg-green">{r.quantity * 10}%</span>;
                                                        default:
                                                            return null;
                                                    }
                                                })()}