From 05ff028182f40fdb4aa39ea0243cd8ecb1446e0c Mon Sep 17 00:00:00 2001
From: Yauheni Pasiukevich <pasyukevich@live.com>
Date: Fri, 1 Dec 2023 12:14:22 +0100
Subject: [PATCH] Migrate 'ZeroWidthView' component to TypeScript

---
 .../{index.native.js => index.native.tsx}        |  0
 .../ZeroWidthView/{index.js => index.tsx}        | 16 ++++------------
 2 files changed, 4 insertions(+), 12 deletions(-)
 rename src/components/ZeroWidthView/{index.native.js => index.native.tsx} (100%)
 rename src/components/ZeroWidthView/{index.js => index.tsx} (66%)

diff --git a/src/components/ZeroWidthView/index.native.js b/src/components/ZeroWidthView/index.native.tsx
similarity index 100%
rename from src/components/ZeroWidthView/index.native.js
rename to src/components/ZeroWidthView/index.native.tsx
diff --git a/src/components/ZeroWidthView/index.js b/src/components/ZeroWidthView/index.tsx
similarity index 66%
rename from src/components/ZeroWidthView/index.js
rename to src/components/ZeroWidthView/index.tsx
index 58b2dfa039ef..73cd349360c6 100644
--- a/src/components/ZeroWidthView/index.js
+++ b/src/components/ZeroWidthView/index.tsx
@@ -1,23 +1,17 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import Text from '@components/Text';
 import * as Browser from '@libs/Browser';
 import * as EmojiUtils from '@libs/EmojiUtils';
 
-const propTypes = {
+type ZeroWidthViewProps = {
     /** If this is the Concierge chat, we'll open the modal for requesting a setup call instead of showing popover menu */
-    text: PropTypes.string,
+    text?: string;
 
     /** URL to the assigned guide's appointment booking calendar */
-    displayAsGroup: PropTypes.bool,
+    displayAsGroup?: boolean;
 };
 
-const defaultProps = {
-    text: '',
-    displayAsGroup: false,
-};
-
-function ZeroWidthView({text, displayAsGroup}) {
+function ZeroWidthView({text = '', displayAsGroup = false}: ZeroWidthViewProps) {
     const firstLetterIsEmoji = EmojiUtils.isFirstLetterEmoji(text);
     if (firstLetterIsEmoji && !displayAsGroup && !Browser.isMobile()) {
         return <Text>&#x200b;</Text>;
@@ -25,8 +19,6 @@ function ZeroWidthView({text, displayAsGroup}) {
     return null;
 }
 
-ZeroWidthView.propTypes = propTypes;
-ZeroWidthView.defaultProps = defaultProps;
 ZeroWidthView.displayName = 'ZeroWidthView';
 
 export default ZeroWidthView;