Merge pull request #36 from suisin-deriv/suisin/76931/ts_migration_st…

…atic_url

Suisin/refactor: ts migration for static url

packages/components/src/components/send-email-template/send-email-template.tsx

@@ -4,6 +4,7 @@ import { PlatformContext } from '@deriv/shared';
 import Icon from '../icon/icon';
 import Button from '../button/button';
 import Text from '../text';
+import { TPlatformContext } from '../static-url/static-url';
 
 type TSendEmailTemplate = {
     className?: string;
@@ -32,7 +33,7 @@ const SendEmailTemplate = ({
     const [is_email_not_received_clicked, setIsEmailNotReceivedClicked] = React.useState(false);
     const [is_resend_btn_disabled, setIsResendBtnDisabled] = React.useState(false);
     const [resend_email_btn_text, setResendEmailBtnText] = React.useState(txt_resend);
-    const { is_appstore } = React.useContext<{ is_pre_appstore: boolean; is_appstore: boolean }>(PlatformContext);
+    const { is_appstore } = React.useContext<TPlatformContext>(PlatformContext);
 
     const timeout_limit = resend_timeout || 60;
     let resend_interval: number;

packages/components/src/components/static-url/index.ts

@@ -0,0 +1,3 @@
+import StaticUrl from './static-url';
+
+export default StaticUrl;

packages/components/src/components/static-url/static-url.jsx → packages/components/src/components/static-url/static-url.tsx

@@ -2,8 +2,18 @@ import React from 'react';
 import { getStaticUrl, PlatformContext, setUrlLanguage } from '@deriv/shared';
 import { getLanguage } from '@deriv/translations';
 
-const StaticUrl = ({ href, is_document, children, ...props }) => {
-    const { is_appstore } = React.useContext(PlatformContext);
+export type TPlatformContext = {
+    is_appstore?: boolean;
+    is_pre_appstore?: boolean;
+};
+
+type TStaticUrl = {
+    href?: string;
+    is_document?: boolean;
+};
+
+const StaticUrl = ({ href, is_document, children, ...props }: React.PropsWithChildren<TStaticUrl>) => {
+    const { is_appstore } = React.useContext<TPlatformContext>(PlatformContext);
     const getHref = () => {
         setUrlLanguage(getLanguage());
         return getStaticUrl(href, { is_appstore }, is_document);

packages/shared/src/utils/platform/platform-context.tsx

@@ -1,5 +1,10 @@
 import React from 'react';
 
-export const PlatformContext = React.createContext({} as { is_pre_appstore: boolean; is_appstore: boolean });
+export type TPlatformContext = {
+    is_appstore?: boolean;
+    is_pre_appstore?: boolean;
+};
+
+export const PlatformContext = React.createContext<TPlatformContext>({});
 
 PlatformContext.displayName = 'DerivAppStorePlatformContext';