Implemented extra fields for spools and vendors as well

client/src/pages/settings/generalSettings.tsx

@@ -0,0 +1,79 @@
+import React from "react";
+import { useTranslate } from "@refinedev/core";
+import { Button, Form, Input, message } from "antd";
+import { useGetSettings, useSetSetting } from "../../utils/querySettings";
+
+export function GeneralSettings() {
+  const settings = useGetSettings();
+  const setSetting = useSetSetting();
+  const [form] = Form.useForm();
+  const [messageApi, contextHolder] = message.useMessage();
+  const t = useTranslate();
+
+  // Set initial form values
+  React.useEffect(() => {
+    if (settings.data) {
+      form.setFieldsValue({
+        currency: JSON.parse(settings.data.currency.value),
+      });
+    }
+  }, [settings.data, form]);
+
+  // Popup message if setSetting is successful
+  React.useEffect(() => {
+    if (setSetting.isSuccess) {
+      messageApi.success(t("notifications.saveSuccessful"));
+    }
+  }, [setSetting.isSuccess, messageApi, t]);
+
+  // Handle form submit
+  const onFinish = (values: { currency: string }) => {
+    // Check if the currency has changed
+    if (settings.data?.currency.value !== JSON.stringify(values.currency)) {
+      setSetting.mutate({
+        key: "currency",
+        value: JSON.stringify(values.currency),
+      });
+    }
+  };
+
+  return (
+    <>
+      <Form
+        form={form}
+        labelCol={{ span: 8 }}
+        wrapperCol={{ span: 16 }}
+        initialValues={{
+          currency: settings.data?.currency.value,
+        }}
+        onFinish={onFinish}
+        style={{
+          maxWidth: "600px",
+          margin: "0 auto",
+        }}
+      >
+        <Form.Item
+          label={t("settings.general.currency.label")}
+          name="currency"
+          rules={[
+            {
+              required: true,
+            },
+            {
+              pattern: /^[A-Z]{3}$/,
+            },
+          ]}
+        >
+          <Input />
+        </Form.Item>
+
+        <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+          <Button type="primary" htmlType="submit" loading={settings.isFetching || setSetting.isLoading}>
+            {t("buttons.save")}
+          </Button>
+        </Form.Item>
+      </Form>
+      {contextHolder}
+    </>
+  );
+}