tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Made a nicer button for Show Spools in filament show page

Browse Source
This commit is contained in:
Donkie
2024-01-17 19:52:58 +01:00
parent f8cc9f7eda
commit 23818c1005
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/pages/filaments/show.tsx
View File

@@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { IResourceComponentsProps, useShow, useTranslate } from "@refinedev/core"; import { IResourceComponentsProps, useShow, useTranslate } from "@refinedev/core";
import { Show, NumberField, DateField, TextField } from "@refinedev/antd"; import { Show, NumberField, DateField, TextField } from "@refinedev/antd";
import { Typography } from "antd"; import { Button, Typography } from "antd";
import { NumberFieldUnit } from "../../components/numberField"; import { NumberFieldUnit } from "../../components/numberField";
import dayjs from "dayjs"; import dayjs from "dayjs";
import utc from "dayjs/plugin/utc"; import utc from "dayjs/plugin/utc";
@@ -45,7 +45,18 @@ export const FilamentShow: React.FC<IResourceComponentsProps> = () => {
}; };
return ( return (
<Show isLoading={isLoading} title={record ? formatTitle(record) : ""}> <Show
isLoading={isLoading}
title={record ? formatTitle(record) : ""}
headerButtons={({ defaultButtons }) => (
<>
<Button type="primary" onClick={gotoSpools}>
{t("filament.fields.spools")}
</Button>
{defaultButtons}
</>
)}
>
<Title level={5}>{t("filament.fields.id")}</Title> <Title level={5}>{t("filament.fields.id")}</Title>
<NumberField value={record?.id ?? ""} /> <NumberField value={record?.id ?? ""} />
<Title level={5}>{t("filament.fields.vendor")}</Title> <Title level={5}>{t("filament.fields.vendor")}</Title>
@@ -123,13 +134,6 @@ export const FilamentShow: React.FC<IResourceComponentsProps> = () => {
<TextField value={record?.article_number} /> <TextField value={record?.article_number} />
<Title level={5}>{t("filament.fields.comment")}</Title> <Title level={5}>{t("filament.fields.comment")}</Title>
<TextField value={enrichText(record?.comment)} /> <TextField value={enrichText(record?.comment)} />
<Title level={5}>{t("filament.fields.spools")}</Title>
<button
onClick={gotoSpools}
style={{ background: "none", border: "none", color: "blue", cursor: "pointer", paddingLeft: 0 }}
>
{record ? formatTitle(record) : ""}
</button>
</Show> </Show>
); );
}; };