From 74ac037b4b9f1bf3f363950793474da56d77557d Mon Sep 17 00:00:00 2001
From: dougfabris <devfabris@gmail.com>
Date: Thu, 28 Mar 2024 10:43:54 -0300
Subject: [PATCH] chore: move portals to the portals folder

---
 .../meteor/client/components/{modal => }/ModalBackdrop.tsx | 0
 .../client/{components/modal => portals}/ModalPortal.tsx   | 7 ++-----
 .../client/{components => portals}/TooltipPortal.tsx       | 2 +-
 apps/meteor/client/providers/TooltipProvider.tsx           | 2 +-
 apps/meteor/client/views/modal/ModalRegion.tsx             | 4 ++--
 5 files changed, 6 insertions(+), 9 deletions(-)
 rename apps/meteor/client/components/{modal => }/ModalBackdrop.tsx (100%)
 rename apps/meteor/client/{components/modal => portals}/ModalPortal.tsx (75%)
 rename apps/meteor/client/{components => portals}/TooltipPortal.tsx (87%)

diff --git a/apps/meteor/client/components/modal/ModalBackdrop.tsx b/apps/meteor/client/components/ModalBackdrop.tsx
similarity index 100%
rename from apps/meteor/client/components/modal/ModalBackdrop.tsx
rename to apps/meteor/client/components/ModalBackdrop.tsx
diff --git a/apps/meteor/client/components/modal/ModalPortal.tsx b/apps/meteor/client/portals/ModalPortal.tsx
similarity index 75%
rename from apps/meteor/client/components/modal/ModalPortal.tsx
rename to apps/meteor/client/portals/ModalPortal.tsx
index 577f89e72103..d7c9ae9caa2d 100644
--- a/apps/meteor/client/components/modal/ModalPortal.tsx
+++ b/apps/meteor/client/portals/ModalPortal.tsx
@@ -2,16 +2,13 @@ import type { ReactElement, ReactNode } from 'react';
 import React, { memo, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 
-import { createAnchor } from '../../lib/utils/createAnchor';
-import { deleteAnchor } from '../../lib/utils/deleteAnchor';
+import { createAnchor } from '../lib/utils/createAnchor';
+import { deleteAnchor } from '../lib/utils/deleteAnchor';
 
 type ModalPortalProps = {
 	children?: ReactNode;
 };
 
-/**
- * @todo: move to portals folder
- */
 const ModalPortal = ({ children }: ModalPortalProps): ReactElement => {
 	const [modalRoot] = useState(() => createAnchor('modal-root'));
 	useEffect(() => (): void => deleteAnchor(modalRoot), [modalRoot]);
diff --git a/apps/meteor/client/components/TooltipPortal.tsx b/apps/meteor/client/portals/TooltipPortal.tsx
similarity index 87%
rename from apps/meteor/client/components/TooltipPortal.tsx
rename to apps/meteor/client/portals/TooltipPortal.tsx
index 937f6ed879ca..2ee0830313c4 100644
--- a/apps/meteor/client/components/TooltipPortal.tsx
+++ b/apps/meteor/client/portals/TooltipPortal.tsx
@@ -6,7 +6,7 @@ import { createAnchor } from '../lib/utils/createAnchor';
 import { deleteAnchor } from '../lib/utils/deleteAnchor';
 
 const TooltipPortal: FC = ({ children }) => {
-	const [tooltipRoot] = useState(() => createAnchor('react-tooltip'));
+	const [tooltipRoot] = useState(() => createAnchor('tooltip-root'));
 	useEffect(() => (): void => deleteAnchor(tooltipRoot), [tooltipRoot]);
 	return <>{createPortal(children, tooltipRoot)}</>;
 };
diff --git a/apps/meteor/client/providers/TooltipProvider.tsx b/apps/meteor/client/providers/TooltipProvider.tsx
index 0fc7c996b9f3..4cc9aa3a767c 100644
--- a/apps/meteor/client/providers/TooltipProvider.tsx
+++ b/apps/meteor/client/providers/TooltipProvider.tsx
@@ -4,7 +4,7 @@ import { TooltipContext } from '@rocket.chat/ui-contexts';
 import type { FC, ReactNode } from 'react';
 import React, { useEffect, useMemo, useRef, memo, useCallback, useState } from 'react';
 
-import TooltipPortal from '../components/TooltipPortal';
+import TooltipPortal from '../portals/TooltipPortal';
 
 const TooltipProvider: FC = ({ children }) => {
 	const lastAnchor = useRef<HTMLElement>();
diff --git a/apps/meteor/client/views/modal/ModalRegion.tsx b/apps/meteor/client/views/modal/ModalRegion.tsx
index b014a5be4f7c..5cbad2b52bc1 100644
--- a/apps/meteor/client/views/modal/ModalRegion.tsx
+++ b/apps/meteor/client/views/modal/ModalRegion.tsx
@@ -2,8 +2,8 @@ import { useModal, useCurrentModal } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
 import React, { lazy, useCallback } from 'react';
 
-import ModalBackdrop from '../../components/modal/ModalBackdrop';
-import ModalPortal from '../../components/modal/ModalPortal';
+import ModalBackdrop from '../../components/ModalBackdrop';
+import ModalPortal from '../../portals/ModalPortal';
 
 const FocusScope = lazy(() => import('react-aria').then((module) => ({ default: module.FocusScope })));