Fix Tab Icon Spacing.

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-01-05 13:37:54 -05:00
parent 33a1ac9be4
commit bc50f5e983
2 changed files with 26 additions and 35 deletions

View File

@@ -261,17 +261,15 @@ export function JobsDetailPage({
items={[ items={[
{ {
key: "general", key: "general",
label: ( icon: <Icon component={FaShieldAlt} />,
<span><Icon component={FaShieldAlt} />{t("menus.jobsdetail.general")}</span> label: t("menus.jobsdetail.general"),
),
forceRender: true, forceRender: true,
children: <JobsDetailGeneral job={job} form={form} />, children: <JobsDetailGeneral job={job} form={form} />,
}, },
{ {
key: "repairdata", key: "repairdata",
label: ( icon: <BarsOutlined />,
<span><BarsOutlined />{t("menus.jobsdetail.repairdata")}</span> label: t("menus.jobsdetail.repairdata"),
),
forceRender: true, forceRender: true,
children: ( children: (
<JobsLinesContainer <JobsLinesContainer
@@ -284,46 +282,40 @@ export function JobsDetailPage({
}, },
{ {
key: "rates", key: "rates",
label: ( icon: <DollarCircleOutlined />,
<span><DollarCircleOutlined />{t("menus.jobsdetail.rates")}</span> label: t("menus.jobsdetail.rates"),
),
forceRender: true, forceRender: true,
children: <JobsDetailRates job={job} form={form} />, children: <JobsDetailRates job={job} form={form} />,
}, },
{ {
key: "totals", key: "totals",
label: ( icon: <DollarCircleOutlined />,
<span><DollarCircleOutlined />{t("menus.jobsdetail.totals")}</span> label: t("menus.jobsdetail.totals"),
),
children: <JobsDetailTotals job={job} refetch={refetch} />, children: <JobsDetailTotals job={job} refetch={refetch} />,
}, },
{ {
key: "partssublet", key: "partssublet",
label: ( icon: <ToolFilled />,
<span><ToolFilled />{t("menus.jobsdetail.partssublet")}</span> label: t("menus.jobsdetail.partssublet"),
),
children: <JobsDetailPliContainer job={job} />, children: <JobsDetailPliContainer job={job} />,
}, },
{ {
key: "labor", key: "labor",
label: ( icon: <Icon component={FaHardHat} />,
<span><Icon component={FaHardHat} />{t("menus.jobsdetail.labor")}</span> label: t("menus.jobsdetail.labor"),
),
children: <JobsDetailLaborContainer job={job} jobId={job.id} />, children: <JobsDetailLaborContainer job={job} jobId={job.id} />,
}, },
{ {
key: "dates", key: "dates",
label: ( icon: <CalendarFilled />,
<span><CalendarFilled />{t("menus.jobsdetail.dates")}</span> label: t("menus.jobsdetail.dates"),
),
forceRender: true, forceRender: true,
children: <JobsDetailDatesComponent job={job} />, children: <JobsDetailDatesComponent job={job} />,
}, },
{ {
key: "documents", key: "documents",
label: ( icon: <FileImageFilled />,
<span><FileImageFilled />{t("jobs.labels.documents")}</span> label: t("jobs.labels.documents"),
),
children: bodyshop.uselocalmediaserver ? ( children: bodyshop.uselocalmediaserver ? (
<JobsDocumentsLocalGallery job={job} /> <JobsDocumentsLocalGallery job={job} />
) : ( ) : (
@@ -332,15 +324,14 @@ export function JobsDetailPage({
}, },
{ {
key: "notes", key: "notes",
label: ( icon: <Icon component={FaRegStickyNote} />,
<span><Icon component={FaRegStickyNote} />{t("jobs.labels.notes")}</span> label: t("jobs.labels.notes"),
),
children: <JobNotesContainer jobId={job.id} />, children: <JobNotesContainer jobId={job.id} />,
}, },
{ {
key: "audit", key: "audit",
label: (<span><HistoryOutlined />{t("jobs.labels.audit")}</span> icon: <HistoryOutlined />,
), label: t("jobs.labels.audit"),
children: <JobAuditTrail jobId={job.id} />, children: <JobAuditTrail jobId={job.id} />,
}, },
]} ]}

View File

@@ -77,22 +77,22 @@ export function ScoreboardContainer({ setBreadcrumbs, setSelectedHeader }) {
items={[ items={[
{ {
key: "sb", key: "sb",
label: (<span><Icon component={FaShieldAlt} />{t("scoreboard.labels.jobs")}</span> icon: <Icon component={FaShieldAlt} />,
), label: t("scoreboard.labels.jobs"),
forceRender: true, forceRender: true,
children: <ScoreboardDisplay />, children: <ScoreboardDisplay />,
}, },
{ {
key: "tickets", key: "tickets",
label: (<span><FieldTimeOutlined />{t("scoreboard.labels.timeticketsemployee")}</span> icon: <FieldTimeOutlined />,
), label: t("scoreboard.labels.timeticketsemployee"),
forceRender: true, forceRender: true,
children: <ScoreboardTimeTickets />, children: <ScoreboardTimeTickets />,
}, },
{ {
key: "ticketsstats", key: "ticketsstats",
label: (<span><FieldTimeOutlined />{t("scoreboard.labels.allemployeetimetickets")}</span> icon: <FieldTimeOutlined />,
), label: t("scoreboard.labels.allemployeetimetickets"),
forceRender: true, forceRender: true,
children: <ScoreboardTimeTicketsStats />, children: <ScoreboardTimeTicketsStats />,
}, },