Merge branch 'pbi-9' into 'staging'

Pbi 9

See merge request !97

.gitlab-ci.yml

-image: node:12.18.4
+image: node:latest
 stages:
   - lint
   - test

src/component/TableComponent.jsx

@@ -60,7 +60,6 @@ const TableComponent = ({
     reset: resetFilter,
   } = useForm();
   const [filterTab, setFilterTab] = useState(false);
-  console.log(results);
   return (
     <div
       css={css`

src/page/donasi/FormDonasi.jsx

@@ -26,8 +26,6 @@ const FormDonasi = ({ idDonasi, defaultStatus }) => {
   });
 
   const onSubmit = (data) => {
-    console.log(data);
-    console.log(...data);
     send(JSON.stringify({ ...data }));
   };
   return (

src/page/pengguna/ListPengguna.jsx

@@ -38,6 +38,11 @@ const ListPengguna = () => {
   const handleClose = () => {
     setDialogOpen(false);
   };
+  const handleSubmit = e => {
+    e.preventDefault();
+    setSortBy(choice);
+    handleClose();
+  }
   return (
     <div
       css={css`
@@ -89,7 +94,7 @@ const ListPengguna = () => {
       >
         <DialogTitle id="max-width-dialog-title">Urutkan Berdasarkan</DialogTitle>
         <DialogContent>
-        <form onSubmit={() => setSortBy(choice)}>
+        <form onSubmit={handleSubmit}>
         <RowInput>
         <input
             data-testid="transaksi-radio"
@@ -98,7 +103,7 @@ const ListPengguna = () => {
             value="transaksi"
             id="transaksi"
             checked={choice === "transaksi"}
-            onClick={() => setChoice("transaksi")}
+            onChange={() => setChoice("transaksi")}
           />
           <label htmlFor="preorder" css={css`
             margin-left:20px
@@ -111,7 +116,7 @@ const ListPengguna = () => {
             value="donasi-uang"
             id="donasi-uang"
             checked={choice === "donasi-uang"}
-            onClick={() => setChoice("donasi-uang")}
+            onChange={() => setChoice("donasi-uang")}
           />
           <label htmlFor="preorder" css={css`
             margin-left:20px
@@ -124,7 +129,7 @@ const ListPengguna = () => {
             value="donasi-barang"
             id="donasi-barang"
             checked={choice === "donasi-barang"}
-            onClick={() => setChoice("donasi-barang")}
+            onChange={() => setChoice("donasi-barang")}
           />
           <label htmlFor="preorder" css={css`
             margin-left:20px