Added scoreboard edt for added entries BOD-365

client/src/components/scoreboard-entry-edit/scoreboard-entry-edit.component.jsx

@@ -0,0 +1,104 @@
+import { Button, Card, Dropdown, Form, InputNumber, notification } from "antd";
+import React, { useState } from "react";
+import { useTranslation } from "react-i18next";
+import FormDatePicker from "../form-date-picker/form-date-picker.component";
+import { useMutation } from "react-apollo";
+import { UPDATE_SCOREBOARD_ENTRY } from "../../graphql/scoreboard.queries";
+export default function ScoreboardEntryEdit({ entry }) {
+  const [visible, setVisible] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const { t } = useTranslation();
+  const [updateScoreboardentry] = useMutation(UPDATE_SCOREBOARD_ENTRY);
+
+  const handleFinish = async (values) => {
+    setLoading(true);
+    const result = await updateScoreboardentry({
+      variables: { sbId: entry.id, sbInput: values },
+    });
+
+    if (!!result.errors) {
+      notification["error"]({
+        message: t("scoreboard.errors.updating", {
+          message: JSON.stringify(result.errors),
+        }),
+      });
+      return;
+    } else {
+      notification["success"]({
+        message: t("scoredboard.successes.updated"),
+      });
+      setVisible(false);
+    }
+    setLoading(false);
+  };
+
+  const popContent = (
+    <Card style={{ padding: "1rem" }}>
+      <Form
+        layout="vertical"
+        initialValues={entry}
+        onFinish={handleFinish}
+        onClick={(e) => e.stopPropagation()}
+      >
+        <Form.Item
+          label={t("scoreboard.fields.date")}
+          name="date"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <FormDatePicker />
+        </Form.Item>
+        <Form.Item
+          label={t("scoreboard.fields.bodyhrs")}
+          name="bodyhrs"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <InputNumber precision={1} />
+        </Form.Item>
+        <Form.Item
+          label={t("scoreboard.fields.painthrs")}
+          name="painthrs"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <InputNumber precision={1} />
+        </Form.Item>
+
+        <Button type="primary" loading={loading} htmlType="submit">
+          {t("general.actions.save")}
+        </Button>
+        <Button onClick={() => setVisible(false)}>
+          {t("general.actions.cancel")}
+        </Button>
+      </Form>
+    </Card>
+  );
+
+  return (
+    <div>
+      <Dropdown visible={visible} overlay={popContent}>
+        <Button
+          onClick={(e) => {
+            e.stopPropagation();
+            setVisible(true);
+          }}
+        >
+          {t("scoreboard.actions.edit")}
+        </Button>
+      </Dropdown>
+    </div>
+  );
+}