From 6bf9360cca93bb8ae969a50afe3afdfd2098a8f7 Mon Sep 17 00:00:00 2001
From: Aleksander Nicacio da Silva <aleksander.silva@rocket.chat>
Date: Fri, 27 May 2022 13:42:57 -0300
Subject: [PATCH] chore: converting ominichannel installation files to ts

---
 .../installation/{Installation.js => Installation.tsx}    | 8 ++++----
 .../omnichannel/installation/{Wrapper.js => Wrapper.tsx}  | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)
 rename apps/meteor/client/views/omnichannel/installation/{Installation.js => Installation.tsx} (87%)
 rename apps/meteor/client/views/omnichannel/installation/{Wrapper.js => Wrapper.tsx} (72%)

diff --git a/apps/meteor/client/views/omnichannel/installation/Installation.js b/apps/meteor/client/views/omnichannel/installation/Installation.tsx
similarity index 87%
rename from apps/meteor/client/views/omnichannel/installation/Installation.js
rename to apps/meteor/client/views/omnichannel/installation/Installation.tsx
index 9d203fcde090..54998c7e575e 100644
--- a/apps/meteor/client/views/omnichannel/installation/Installation.js
+++ b/apps/meteor/client/views/omnichannel/installation/Installation.tsx
@@ -1,16 +1,16 @@
 import { Box } from '@rocket.chat/fuselage';
 import { useSetting, useTranslation } from '@rocket.chat/ui-contexts';
-import React from 'react';
+import React, { ReactElement } from 'react';
 
 import Page from '../../../components/Page';
 import RawText from '../../../components/RawText';
 import TextCopy from '../../../components/TextCopy';
 import Wrapper from './Wrapper';
 
-const Installation = () => {
+const Installation = (): ReactElement => {
 	const t = useTranslation();
-
-	const siteUrl = useSetting('Site_Url')?.replace(/\/$/, '');
+	const setting = useSetting('Site_Url') as string;
+	const siteUrl = setting?.replace(/\/$/, '');
 
 	const installString = `<!-- Start of Rocket.Chat Livechat Script -->
 	<script type="text/javascript">
diff --git a/apps/meteor/client/views/omnichannel/installation/Wrapper.js b/apps/meteor/client/views/omnichannel/installation/Wrapper.tsx
similarity index 72%
rename from apps/meteor/client/views/omnichannel/installation/Wrapper.js
rename to apps/meteor/client/views/omnichannel/installation/Wrapper.tsx
index c0a4091957d8..21cb371dfbb7 100644
--- a/apps/meteor/client/views/omnichannel/installation/Wrapper.js
+++ b/apps/meteor/client/views/omnichannel/installation/Wrapper.tsx
@@ -1,7 +1,7 @@
 import { Box } from '@rocket.chat/fuselage';
-import React from 'react';
+import React, { ReactElement } from 'react';
 
-const Wrapper = (text) => (
+const Wrapper = (text: string): ReactElement => (
 	<Box fontFamily='mono' alignSelf='center' fontScale='p2' style={{ wordBreak: 'break-all' }} mie='x4' flexGrow={1} withRichContent>
 		<pre>
 			<code>{text}</code>