From 8fd9ca1c1d6d9ee6d9a8b61f2a9bfa13ead5bfda Mon Sep 17 00:00:00 2001
From: Max Goodhart <c@chromakode.com>
Date: Sat, 24 Jan 2026 15:19:30 -0800
Subject: [PATCH] Show stream orientation in control list

---
 packages/streamwall-control-ui/src/index.tsx | 20 ++++++++++++++++++--
 packages/streamwall-shared/src/types.ts      |  1 +
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/packages/streamwall-control-ui/src/index.tsx b/packages/streamwall-control-ui/src/index.tsx
index 47aa214..a0536c3 100644
--- a/packages/streamwall-control-ui/src/index.tsx
+++ b/packages/streamwall-control-ui/src/index.tsx
@@ -20,6 +20,10 @@ import {
   FaVideoSlash,
   FaVolumeUp,
 } from 'react-icons/fa'
+import {
+  MdOutlineStayCurrentLandscape,
+  MdOutlineStayCurrentPortrait,
+} from 'react-icons/md'
 import {
   ContentKind,
   ControlCommand,
@@ -980,7 +984,7 @@ function StreamDelayBox({
 
 function StreamLine({
   id,
-  row: { label, source, link, notes, city, state },
+  row: { label, source, link, notes, city, state, orientation },
   disabled,
   onClickId,
 }: {
@@ -1007,7 +1011,15 @@ function StreamLine({
           label
         ) : (
           <>
-            <strong>{source}</strong> {city ? `(${city} ${state}) ` : ''}
+            <strong>{source}</strong>{' '}
+            {orientation === 'V' ? (
+              <MdOutlineStayCurrentPortrait />
+            ) : orientation === 'H' ? (
+              <MdOutlineStayCurrentLandscape />
+            ) : (
+              ''
+            )}{' '}
+            {city ? `(${city} ${state}) ` : ''}
             <a href={link} target="_blank">
               {truncate(link, { length: 55 })}
             </a>{' '}
@@ -1556,6 +1568,10 @@ const StyledStreamLine = styled.div`
   display: flex;
   align-items: center;
   margin: 0.5em 0;
+
+  svg {
+    height: 100%;
+  }
 `
 
 function CreateInviteInput({
diff --git a/packages/streamwall-shared/src/types.ts b/packages/streamwall-shared/src/types.ts
index 016c077..806b1c6 100644
--- a/packages/streamwall-shared/src/types.ts
+++ b/packages/streamwall-shared/src/types.ts
@@ -34,6 +34,7 @@ export interface StreamDataContent extends ContentDisplayOptions {
   status?: string
   city?: string
   state?: string
+  orientation?: 'V' | 'H'
   _id?: string
   _dataSource?: string
 }