add bottom bar

app/javascript/pages/assessment/components/BottomBar.tsx

@@ -0,0 +1,21 @@
+import React, { FC, } from "react";
+import { Button } from "../../../components";
+
+type Props = {
+
+}
+
+export const BottomBar: FC<Props> = () => {
+    return (
+        <div className="fixed bottom-0 bg-white w-full h-16 flex items-center justify-end shadow-lg">
+          <div className="flex gap-6 mx-16">
+            <Button className="w-32">
+              Cancelar
+            </Button>
+            <Button type="primary" className="w-32">
+              Salvar
+            </Button>
+          </div>
+        </div>
+    )
+}

app/javascript/pages/assessment/components/FiltersSideBar.tsx

@@ -15,9 +15,7 @@ export const FiltersSideBar: FC<Props> = () => {
     return (
         <SideBar header="Filtros">
             <div className="mt-3">
-                <form className="flex flex-col gap-4"
-                    // onSubmit={addAxisForm.handleSubmit(handleAddAxis)}
-                >
+                <form className="flex flex-col gap-4">
                     <SelectFilterField label="Grau de Dificuldade:" options={[
                         {id: 1, label: 'Fácil'},
                         {id: 2, label: 'Média'},
@@ -61,7 +59,6 @@ export const FiltersSideBar: FC<Props> = () => {
                             Limpar Filtro
                         </Button>
                     </div>                                         
-                    
                 </form>
             </div>
         </SideBar>