From 8115a39538f0796dac0ec1d7182069c460d058aa Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Fri, 2 Aug 2024 14:55:49 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20make=20link=20in=20the?=
 =?UTF-8?q?=20chat=20clickable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This is based on LiveKit demo app.
Used the LiveKit default chat messages formatter to make the link
clickable by any user.
---
 src/frontend/src/features/rooms/components/Conference.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/features/rooms/components/Conference.tsx b/src/frontend/src/features/rooms/components/Conference.tsx
index 6c387450..6ce8e830 100644
--- a/src/frontend/src/features/rooms/components/Conference.tsx
+++ b/src/frontend/src/features/rooms/components/Conference.tsx
@@ -1,6 +1,7 @@
 import { useEffect, useMemo, useState } from 'react'
 import { useQuery } from '@tanstack/react-query'
 import {
+  formatChatMessageLinks,
   LiveKitRoom,
   VideoConference,
   type LocalUserChoices,
@@ -83,7 +84,9 @@ export const Conference = ({
           audio={userConfig.audioEnabled}
           video={userConfig.videoEnabled}
         >
-          <VideoConference />
+          <VideoConference
+            chatMessageFormatter={formatChatMessageLinks}
+          />
           {showInviteDialog && (
             <InviteDialog
               isOpen={showInviteDialog}