How do I upload files with antd and supabase?
import { getValueFromEvent, useModalForm, useSelect } from "@refinedev/antd";
import { useApiUrl, useGo } from "@refinedev/core";
import {
Form,
Modal,
Input,
Grid,
Switch,
Divider,
Row,
Col,
Select,
DatePicker,
Upload,
} from "antd";
import dayjs from "dayjs";
const JobCreate = () => {
const go = useGo();
const apiUrl = useApiUrl();
const goToListPage = () => {
go({
to: { resource: "jobs", action: "list" },
options: {
keepQuery: true,
},
type: "replace",
});
};
const { formProps: formProps, modalProps: modalProps } = useModalForm({
resource: "jobs",
action: "create",
onMutationSuccess: goToListPage,
defaultVisible: true,
redirect: false,
});
const { selectProps: userSelectProps } = useSelect({
resource: "users",
optionLabel: (item) =>
optionValue: "id",
});
return (
<>
<Modal
{...modalProps}
mask={true}
width={560}
destroyOnClose
onCancel={goToListPage}
title={"Create Job"}
>
<Divider />
<Form {...formProps} layout="vertical">
<Form.Item
label="Address"
name="address"
rules={[{ required: true }]}
>
<Input />
</Form.Item>
<Form.Item label="Staff" name="user_ids" required>
<Select {...userSelectProps} mode="multiple" />
</Form.Item>
</Form>
<Divider />
</Modal>
</>
);
};
export default JobCreate;
why is my website crashing when using useApiUrl?
import { useApiUrl, useGo } from "@refinedev/core";
import {
Form,
Modal,
Input,
Grid,
Switch,
Divider,
Row,
Col,
Select,
DatePicker,
Upload,
} from "antd";
import dayjs from "dayjs";
const JobCreate = () => {
const go = useGo();
const apiUrl = useApiUrl();
const goToListPage = () => {
go({
to: { resource: "jobs", action: "list" },
options: {
keepQuery: true,
},
type: "replace",
});
};
const { formProps: formProps, modalProps: modalProps } = useModalForm({
resource: "jobs",
action: "create",
onMutationSuccess: goToListPage,
defaultVisible: true,
redirect: false,
});
const { selectProps: userSelectProps } = useSelect({
resource: "users",
optionLabel: (item) =>
${item.first_name} ${item.last_name},optionValue: "id",
});
return (
<>
<Modal
{...modalProps}
mask={true}
width={560}
destroyOnClose
onCancel={goToListPage}
title={"Create Job"}
>
<Divider />
<Form {...formProps} layout="vertical">
<Form.Item
label="Address"
name="address"
rules={[{ required: true }]}
>
<Input />
</Form.Item>
<Form.Item label="Staff" name="user_ids" required>
<Select {...userSelectProps} mode="multiple" />
</Form.Item>
</Form>
<Divider />
</Modal>
</>
);
};
export default JobCreate;
why is my website crashing when using useApiUrl?
