From af8082e2069ed678a86c6a13875d5da9f6078923 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Fri, 22 Nov 2024 16:40:54 +0000
Subject: [PATCH] feat: Add tags to internal portals also

---
 .../components/Flow/components/Portal.tsx     | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Portal.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Portal.tsx
index 146e5323c9..02a92074fa 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Portal.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Portal.tsx
@@ -141,19 +141,22 @@ const InternalPortal: React.FC<any> = (props) => {
   return (
     <>
       <Hanger hidden={isDragging} before={props.id} parent={parent} />
-      <li className={classNames("card", "portal", { isDragging })} ref={ref}>
-        <Link
-          href={href}
-          prefetch={false}
-          ref={drag}
-          onContextMenu={handleContext}
-        >
-          {Icon && <Icon />}
-          <span>{props.data.text}</span>
-        </Link>
-        <Link href={editHref} prefetch={false} className="portalMenu">
-          <MoreVert titleAccess="Edit Portal" />
-        </Link>
+      <li ref={ref}>
+        <Box className={classNames("card", "portal", { isDragging })}>
+          <Link
+            href={href}
+            prefetch={false}
+            ref={drag}
+            onContextMenu={handleContext}
+          >
+            {Icon && <Icon />}
+            <span>{props.data.text}</span>
+          </Link>
+          <Link href={editHref} prefetch={false} className="portalMenu">
+            <MoreVert titleAccess="Edit Portal" />
+          </Link>
+        </Box>
+        {props.tags?.map((tag: NodeTag) => <Tag tag={tag} key={tag} />)}
       </li>
     </>
   );