Add compact option for amendment-disclaimer

Author: mDuo13

@theme/markdoc/components.tsx

@@ -383,14 +383,15 @@ function AmendmentBadge(props: { amendment: Amendment }) {
 
 export function AmendmentDisclaimer(props: {
   name: string,
+  compact: boolean
 }) {
   const [amendmentStatus, setStatus] = React.useState<Amendment | null>(null);
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState<string | null>(null);
   const { useTranslate } = useThemeHooks();
   const { translate } = useTranslate();
 
-  const link = () => <Link to={`/resources/known-amendments#${props.name.toLowerCase()}`}>{props.name} amendment</Link>
+  const link = () => <Link to={`/resources/known-amendments#${props.name.toLowerCase()}`}>{props.name}{ props.compact ? "" : " amendment"}</Link>
 
   React.useEffect(() => {
     const fetchAmendments = async () => {
@@ -446,6 +447,16 @@ export function AmendmentDisclaimer(props: {
       </em></p>
     )
   }
+
+  if (props.compact) {
+    return (
+      <>
+        {link()}
+        {" "}
+        <AmendmentBadge amendment={amendmentStatus} />
+      </>
+    )
+  }
 
   return (
     <p><em>(

@theme/markdoc/schema.ts

@@ -229,6 +229,11 @@ export const amendmentDisclaimer: Schema &  { tagName: string } = {
       type: 'String',
       required: true
     },
+    compact: {
+      type: 'Boolean',
+      required: false,
+      default: false
+    }
   },
   render: 'AmendmentDisclaimer',
   selfClosing: true