diff --git a/client/package.json b/client/package.json index 29cf006ac..89c92a07d 100644 --- a/client/package.json +++ b/client/package.json @@ -28,6 +28,7 @@ "@types/node": "20.4.8", "@types/react": "18.2.18", "@types/react-dom": "18.2.7", + "@uiball/loaders": "^1.3.0", "add": "^2.0.6", "clsx": "^2.0.0", "eslint": "8.46.0", diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx index b1a274382..033668475 100644 --- a/client/src/app/page.tsx +++ b/client/src/app/page.tsx @@ -4,6 +4,7 @@ import { Flex, Typography, Skeleton } from '@/shared/ui'; import { useGetScreenWidth } from '@/shared/lib'; import { Crown } from '@/shared/assets'; import { IUserRequest } from 'teameights-types'; +import { NewtonsCradle, RaceBy } from '@uiball/loaders'; export default function Home() { const width = useGetScreenWidth(); @@ -31,6 +32,12 @@ export default function Home() { + + + + + + ); } diff --git a/client/yarn.lock b/client/yarn.lock index 496a578d2..ebed312e3 100644 --- a/client/yarn.lock +++ b/client/yarn.lock @@ -6005,6 +6005,16 @@ __metadata: languageName: node linkType: hard +"@uiball/loaders@npm:^1.3.0": + version: 1.3.0 + resolution: "@uiball/loaders@npm:1.3.0" + peerDependencies: + react: ">=16.8.0" + react-dom: ">=16.8.0" + checksum: 99dae6e19efc8fc5c3db2c45972a7eb84e3ae4f38e8e2154782779ea2220034f3923760126bcdeffc9100df49bf2d5c2512fd864f59ff407224cfe432599ad38 + languageName: node + linkType: hard + "@webassemblyjs/ast@npm:1.11.6, @webassemblyjs/ast@npm:^1.11.5": version: 1.11.6 resolution: "@webassemblyjs/ast@npm:1.11.6" @@ -7617,6 +7627,7 @@ __metadata: "@types/react-modal": ^3.16.0 "@typescript-eslint/eslint-plugin": ^6.3.0 "@typescript-eslint/parser": ^6.3.0 + "@uiball/loaders": ^1.3.0 add: ^2.0.6 clsx: ^2.0.0 eslint: 8.46.0