From 09ff72d302a739ea1a18104d310ff5c3844e8af4 Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Mon, 9 Feb 2026 19:52:17 +0200
Subject: [PATCH] fix: add TypeScript types to If component

---
 packages/webapp/src/components/Utils/If.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/webapp/src/components/Utils/If.tsx b/packages/webapp/src/components/Utils/If.tsx
index baf80bdc8..85263ca34 100644
--- a/packages/webapp/src/components/Utils/If.tsx
+++ b/packages/webapp/src/components/Utils/If.tsx
@@ -1,12 +1,10 @@
-// @ts-nocheck
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { ReactNode } from 'react';
 
-export const If = (props) =>
-  props.condition ? (props.render ? props.render() : props.children) : null;
+interface IfProps {
+  condition: boolean;
+  children?: ReactNode;
+  render?: () => ReactNode;
+}
 
-If.propTypes = {
-  // condition: PropTypes.bool.isRequired,
-  children: PropTypes.node,
-  render: PropTypes.func,
-};
+export const If = (props: IfProps): React.ReactElement | null =>
+  props.condition ? (props.render ? <>{props.render()}</> : <>{props.children}</>) : null;