Upgrade clo-ui to 0.5.1 (#812)

Signed-off-by: Cintia Sánchez García <[email protected]>

Author: cynthia-sg

web/package.json

@@ -6,7 +6,7 @@
   "type": "module",
   "dependencies": {
     "classnames": "^2.5.1",
-    "clo-ui": "https://github.com/cncf/clo-ui.git#v0.4.5",
+    "clo-ui": "https://github.com/cncf/clo-ui.git#v0.5.1",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "react": "^18.3.1",

web/src/App.tsx

@@ -1,4 +1,4 @@
-import 'clo-ui/dist/styles/default.scss';
+import 'clo-ui/styles/default.scss';
 
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
 

web/src/context/AppContextProvider.tsx

@@ -1,4 +1,5 @@
-import { detectActiveThemeMode, useSystemThemeMode } from 'clo-ui';
+import { useSystemThemeMode } from 'clo-ui/hooks/useSystemThemeMode';
+import { detectActiveThemeMode } from 'clo-ui/utils/detectActiveThemeMode';
 import isNull from 'lodash/isNull';
 import { createContext, Dispatch, useContext, useEffect, useReducer, useState } from 'react';
 

web/src/layout/common/Card.tsx

@@ -1,13 +1,11 @@
 import classNames from 'classnames';
-import {
-  Card as CardWrapper,
-  ExternalLink,
-  FoundationBadge,
-  GenericBadge,
-  Image,
-  MaturityBadge,
-  prettifyNumber,
-} from 'clo-ui';
+import { Card as CardWrapper } from 'clo-ui/components/Card';
+import { ExternalLink } from 'clo-ui/components/ExternalLink';
+import { FoundationBadge } from 'clo-ui/components/FoundationBadge';
+import { GenericBadge } from 'clo-ui/components/GenericBadge';
+import { Image } from 'clo-ui/components/Image';
+import { MaturityBadge } from 'clo-ui/components/MaturityBadge';
+import { prettifyNumber } from 'clo-ui/utils/prettifyNumber';
 import { isUndefined } from 'lodash';
 import moment from 'moment';
 import { useContext, useEffect, useState } from 'react';

web/src/layout/common/MaintainersWantedBadge.tsx

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
-import { DropdownOnHover, ExternalLink } from 'clo-ui';
+import { DropdownOnHover } from 'clo-ui/components/DropdownOnHover';
+import { ExternalLink } from 'clo-ui/components/ExternalLink';
 import { isUndefined } from 'lodash';
 import { MdInfoOutline } from 'react-icons/md';
 import { RxDotFilled } from 'react-icons/rx';

web/src/layout/common/SearchTipsModal.tsx

@@ -1,4 +1,4 @@
-import { Modal } from 'clo-ui';
+import { Modal } from 'clo-ui/components/Modal';
 import { FaRegLightbulb } from 'react-icons/fa';
 import { Link } from 'react-router-dom';
 

web/src/layout/home/index.tsx

@@ -1,5 +1,6 @@
 import classnames from 'classnames';
-import { Loading, scrollToTop } from 'clo-ui';
+import { Loading } from 'clo-ui/components/Loading';
+import { scrollToTop } from 'clo-ui/utils/scrollToTop';
 import { isUndefined } from 'lodash';
 import { useEffect, useState } from 'react';
 import { Link, useOutletContext } from 'react-router-dom';

web/src/layout/index.tsx

@@ -1,4 +1,4 @@
-import { useScrollRestorationFix } from 'clo-ui';
+import { useScrollRestorationFix } from 'clo-ui/hooks/useScrollRestorationFix';
 import { useContext, useState } from 'react';
 import { Outlet } from 'react-router-dom';
 

web/src/layout/navigation/Footer.tsx

@@ -1,5 +1,5 @@
-import { ExternalLink } from 'clo-ui';
-import { Footer as FooterWrapper } from 'clo-ui';
+import { ExternalLink } from 'clo-ui/components/ExternalLink';
+import { Footer as FooterWrapper } from 'clo-ui/components/Footer';
 import { FaGithub } from 'react-icons/fa';
 import { FiExternalLink } from 'react-icons/fi';
 

web/src/layout/navigation/MobileSettings.tsx

@@ -1,5 +1,6 @@
 import classNames from 'classnames';
-import { ExternalLink, useOutsideClick } from 'clo-ui';
+import { ExternalLink } from 'clo-ui/components/ExternalLink';
+import { useOutsideClick } from 'clo-ui/hooks/useOutsideClick';
 import { useRef, useState } from 'react';
 import { BsList } from 'react-icons/bs';
 import { FaGithub } from 'react-icons/fa';