fix imports

Author: avivkeller

apps/site/components/Common/Searchbox/index.tsx

@@ -5,7 +5,8 @@ import SearchModal from '@node-core/ui-components/Common/Search/Modal';
 import SearchResults from '@node-core/ui-components/Common/Search/Results';
 import SearchSuggestions from '@node-core/ui-components/Common/Search/Suggestions';
 import { useTranslations } from 'next-intl';
-import { useState, type FC } from 'react';
+import { useState } from 'react';
+import type { FC } from 'react';
 
 import { DEFAULT_ORAMA_QUERY_PARAMS } from '#site/next.constants.mjs';
 

packages/ui-components/src/Common/Search/Chat/Input/index.tsx

@@ -5,8 +5,9 @@ import { useChat } from '@orama/ui/hooks';
 import type { FC, PropsWithChildren } from 'react';
 import { useEffect, useRef } from 'react';
 
+import SearchSuggestions from '#ui/Common/Search/Suggestions';
+
 import styles from './index.module.css';
-import SearchSuggestions from '../../Suggestions';
 
 type ChatInputProps = {
   suggestions: Array<string>;

packages/ui-components/src/Common/Search/Modal/index.tsx

@@ -1,12 +1,11 @@
-'use client';
-
 import { MagnifyingGlassIcon } from '@heroicons/react/24/solid';
 import type { OramaCloud } from '@orama/core';
 import { SearchRoot, ChatRoot, Modal } from '@orama/ui/components';
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 
+import SearchInput from '#ui/Common/Search/Input';
+
 import styles from './index.module.css';
-import SearchInput from '../Input';
 
 type SearchModalProps = {
   client: OramaCloud | null;

packages/ui-components/src/Common/Search/Results/Skeleton/index.tsx

@@ -1,6 +1,6 @@
 import { SearchResults } from '@orama/ui/components';
 import classNames from 'classnames';
-import { type FC } from 'react';
+import type { FC } from 'react';
 
 import styles from './index.module.css';
 

packages/ui-components/src/Common/Search/Results/Tabs/index.tsx

@@ -12,28 +12,26 @@ type TabsProps = Omit<
   searchTerm?: string | null;
 };
 
-const Tabs: FC<TabsProps> = ({ selectedFacet, ...props }) => {
-  return (
-    <FacetTabs.Wrapper className={styles.facetTabsWrapper}>
-      <FacetTabs.List className={styles.facetTabsList}>
-        {(group, isSelected) => (
-          <FacetTabs.Item
-            {...props}
-            isSelected={group.name === selectedFacet}
-            group={group}
-            filterBy="siteSection"
-            className={classNames(
-              isSelected && styles.facetTabItemSelected,
-              styles.facetTabItem
-            )}
-          >
-            {group.name}
-            <span className={styles.facetTabItemCount}>({group.count})</span>
-          </FacetTabs.Item>
-        )}
-      </FacetTabs.List>
-    </FacetTabs.Wrapper>
-  );
-};
+const Tabs: FC<TabsProps> = ({ selectedFacet, ...props }) => (
+  <FacetTabs.Wrapper className={styles.facetTabsWrapper}>
+    <FacetTabs.List className={styles.facetTabsList}>
+      {(group, isSelected) => (
+        <FacetTabs.Item
+          {...props}
+          isSelected={group.name === selectedFacet}
+          group={group}
+          filterBy="siteSection"
+          className={classNames(
+            isSelected && styles.facetTabItemSelected,
+            styles.facetTabItem
+          )}
+        >
+          {group.name}
+          <span className={styles.facetTabItemCount}>({group.count})</span>
+        </FacetTabs.Item>
+      )}
+    </FacetTabs.List>
+  </FacetTabs.Wrapper>
+);
 
 export default Tabs;

packages/ui-components/src/Common/Search/Results/index.tsx

@@ -2,10 +2,11 @@ import { SearchResults } from '@orama/ui/components';
 import { useSearch } from '@orama/ui/hooks/useSearch';
 import type { ComponentProps, FC } from 'react';
 
-import SearchResultsEmpty from './Empty';
+import SearchResultsEmpty from '#ui/Common/Search/Results/Empty';
+import SearchResultsSkeleton from '#ui/Common/Search/Results/Skeleton';
+import Tabs from '#ui/Common/Search/Results/Tabs';
+
 import styles from './index.module.css';
-import SearchResultsSkeleton from './Skeleton';
-import Tabs from './Tabs';
 
 type SearchResultsWrapperProps = {
   searchParams: Omit<ComponentProps<typeof Tabs>['searchParams'], 'term'>;