diff --git a/js/app/components/live-dashboard/bento-grid.tsx b/js/app/components/live-dashboard/bento-grid.tsx
index 121831638..bf8377c1f 100644
--- a/js/app/components/live-dashboard/bento-grid.tsx
+++ b/js/app/components/live-dashboard/bento-grid.tsx
@@ -195,7 +195,10 @@ export default function BentoGrid({ isLive, videoRef }: BentoGridProps) {
]}
>
diff --git a/js/app/components/settings/multistream-manager.tsx b/js/app/components/settings/multistream-manager.tsx
index 1b7ccb025..864490cef 100644
--- a/js/app/components/settings/multistream-manager.tsx
+++ b/js/app/components/settings/multistream-manager.tsx
@@ -26,6 +26,15 @@ interface MultistreamTargetViewHydrated
record: PlaceStreamMultistreamTarget.Record;
}
+const redactMultistreamTargetURL = (url: string) => {
+ try {
+ const u = new URL(url);
+ return `${u.protocol}//${u.host}/redacted`;
+ } catch (error) {
+ return "parsing failed";
+ }
+};
+
const multistreamTitle = (
target: MultistreamTargetViewHydrated | undefined,
t: TFunction,
@@ -363,7 +372,7 @@ export function MultistreamRow({
return (
>({});
+ const [changedTargetUrl, setChangedTargetUrl] = useState(false);
// Update form data when webhook prop changes (for editing)
useEffect(() => {
setErrors({});
+ setChangedTargetUrl(false);
if (target) {
setFormData({
$type: "place.stream.multistream.target",
@@ -448,6 +459,11 @@ function MultistreamTargetForm({
}
};
+ let displayUrl = formData.url;
+ if (target && !changedTargetUrl) {
+ displayUrl = "";
+ }
+
return (