Connect Rest api (Express) with simple-rest list based on the company id to get all job-offers

export const dataProvider = (url: string, id: string): DataProvider => ({
    getList: async ({resource}) => {
        const response = await fetch(`${url}/${resource}?companyId=${id}`);
        const data = await response.json();

        return {
            data: data,
            total: data.length,
        };
    },
});

export const dataProvider = (url: string, id: string): DataProvider => ({
    getList: async ({resource}) => {
        const response = await fetch(`${url}/${resource}?companyId=${id}`);
        const data = await response.json();

        return {
            data: data,
            total: data.length,
        };
    },
});

import { useList } from "@refinedev/core";

const JobList: React.FC = () => {
    const { data, isLoading, isError } = useList({ resource: "Jobs" });

    const jobs = data?.data ?? [];

    if (isLoading) {
        return <div>Loading...</div>;
    }

    if (isError) {
        return <div>Something went wrong!</div>;
    }

    return (
        <ul>
            {jobs.map((job) => (
                <li key={job.id}>
                    <h4>
                        {job.title} - ({job.companyID})
                    </h4>
                </li>
            ))}
        </ul>
    );
};

import { useList } from "@refinedev/core";

const JobList: React.FC = () => {
    const { data, isLoading, isError } = useList({ resource: "Jobs" });

    const jobs = data?.data ?? [];

    if (isLoading) {
        return <div>Loading...</div>;
    }

    if (isError) {
        return <div>Something went wrong!</div>;
    }

    return (
        <ul>
            {jobs.map((job) => (
                <li key={job.id}>
                    <h4>
                        {job.title} - ({job.companyID})
                    </h4>
                </li>
            ))}
        </ul>
    );
};

import { useTable } from "@refinedev/core";

const JobList: React.FC = () => {
    const { tableProps } = useTable({ resource: "Jobs" });

    return (
        <Table {...tableProps}>
            <Table.Column dataIndex="jobTitle" title="Job Title" />
            <Table.Column dataIndex="locationName" title="Location" />
            <Table.Column dataIndex="salaryMin" title="Minimum Salary" />
            <Table.Column dataIndex="salaryMax" title="Maximum Salary" />
            // Fügen Sie weitere Spalten hinzu, die Ihren Job-Daten entsprechen
        </Table>
    );
};

import { useTable } from "@refinedev/core";

const JobList: React.FC = () => {
    const { tableProps } = useTable({ resource: "Jobs" });

    return (
        <Table {...tableProps}>
            <Table.Column dataIndex="jobTitle" title="Job Title" />
            <Table.Column dataIndex="locationName" title="Location" />
            <Table.Column dataIndex="salaryMin" title="Minimum Salary" />
            <Table.Column dataIndex="salaryMax" title="Maximum Salary" />
            // Fügen Sie weitere Spalten hinzu, die Ihren Job-Daten entsprechen
        </Table>
    );
};

import { useList } from "@refinedev/core";

const { data } = useList({  
 resource: "posts",  
 sorters: [  
 {  
 field: "id",  
 order: "desc",  
 },  
 ],  
 filters: [  
 {  
 field: "title",  
 operator: "contains",  
 value: "hello",  
 },  
 ],  
});  

import { useList } from "@refinedev/core";

const { data } = useList({  
 resource: "posts",  
 sorters: [  
 {  
 field: "id",  
 order: "desc",  
 },  
 ],  
 filters: [  
 {  
 field: "title",  
 operator: "contains",  
 value: "hello",  
 },  
 ],  
});  

import { useInfiniteList } from "@refinedev/core";

const { data, fetchNextPage } = useInfiniteList({  
 resource: "categories",  
 pagination: {  
 pageSize: 4,  
 },  
});  

import { useInfiniteList } from "@refinedev/core";

const { data, fetchNextPage } = useInfiniteList({  
 resource: "categories",  
 pagination: {  
 pageSize: 4,  
 },  
});  

import { useList } from "@refinedev/core";
import { Table } from "antd";

export const JobList: React.FC = () => {
    const { data } = useList({ resource: "Jobs" });

    const columns = [
        { title: "Job Title", dataIndex: "jobTitle", key: "jobTitle" },
        { title: "Location", dataIndex: "locationName", key: "locationName" },
        { title: "Minimum Salary", dataIndex: "salaryMin", key: "salaryMin" },
        { title: "Maximum Salary", dataIndex: "salaryMax", key: "salaryMax" },
        // Fügen Sie weitere Spalten hinzu, die Ihren Job-Daten entsprechen
    ];

    return (
        <Table dataSource={data?.data} columns={columns} rowKey="id" />
    );
};

import { useList } from "@refinedev/core";
import { Table } from "antd";

export const JobList: React.FC = () => {
    const { data } = useList({ resource: "Jobs" });

    const columns = [
        { title: "Job Title", dataIndex: "jobTitle", key: "jobTitle" },
        { title: "Location", dataIndex: "locationName", key: "locationName" },
        { title: "Minimum Salary", dataIndex: "salaryMin", key: "salaryMin" },
        { title: "Maximum Salary", dataIndex: "salaryMax", key: "salaryMax" },
        // Fügen Sie weitere Spalten hinzu, die Ihren Job-Daten entsprechen
    ];

    return (
        <Table dataSource={data?.data} columns={columns} rowKey="id" />
    );
};