red bnuttons

.gitignore

@@ -1,3 +1,8 @@
 node_modules/
 */node_modules/
 */build/
+
+**/node_modules/
+**/build/
+.DS_Store
+.env

frontend/json/runtimeError.json

@@ -0,0 +1 @@
+{}

frontend/src/colors.ts

@@ -46,6 +46,8 @@ export const getButtonColor = (
   hasHover: boolean,
   isActive = false,
 ) => {
+  if (color === 'red') { color = 'danger'; }
+
   if (color === 'void') {
     return '';
   }

frontend/src/pages/tasks/tasks-list.tsx

@@ -109,27 +109,27 @@ const TasksTablesPage = () => {
             <BaseButton
               className={'mr-3'}
               href={'/tasks/tasks-new'}
-              color='info'
+              color='red'
               label='New Item'
             />
           )}
 
           <BaseButton
             className={'mr-3'}
-            color='info'
+            color='red'
             label='Filter'
             onClick={addFilter}
           />
           <BaseButton
             className={'mr-3'}
-            color='info'
+            color='red'
             label='Download CSV'
             onClick={getTasksCSV}
           />
 
           {hasCreatePermission && (
             <BaseButton
-              color='info'
+              color='red'
               label='Upload CSV'
               onClick={() => setIsModalActive(true)}
             />