From 8d1dbf42f1088143030d517ebc7068480c5d4cae Mon Sep 17 00:00:00 2001 From: Depickere Sven Date: Fri, 21 Apr 2023 10:48:09 +0200 Subject: [PATCH] feat(): Add and move custom components to custom folder --- .../{Fields => Custom}/ExtraDescriptions.tsx | 0 .../Custom/ExtraOperationInformation.tsx | 21 +++++++++++++++++++ 2 files changed, 21 insertions(+) rename src/components/{Fields => Custom}/ExtraDescriptions.tsx (100%) create mode 100644 src/components/Custom/ExtraOperationInformation.tsx diff --git a/src/components/Fields/ExtraDescriptions.tsx b/src/components/Custom/ExtraDescriptions.tsx similarity index 100% rename from src/components/Fields/ExtraDescriptions.tsx rename to src/components/Custom/ExtraDescriptions.tsx diff --git a/src/components/Custom/ExtraOperationInformation.tsx b/src/components/Custom/ExtraOperationInformation.tsx new file mode 100644 index 00000000..b8325291 --- /dev/null +++ b/src/components/Custom/ExtraOperationInformation.tsx @@ -0,0 +1,21 @@ +import * as React from 'react'; + +import { MenuItemTitle, OperationBadge } from '../SideMenu'; +import { observer } from 'mobx-react'; +import { shortenHTTPVerb } from '../../utils'; + +export interface ExtraOperationInformationProps { + httpVerb: string; + label: string; +} + +export const ExtraOperationInformation = observer((props: ExtraOperationInformationProps) => { + const item = props; + + return ( +
+ {shortenHTTPVerb(item.httpVerb)} + {item.label} +
+ ); +});