Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-04-20 06:42:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update discover loading animation

Browse source
This commit is contained in:
Ivan Evans 2024-09-28 21:52:41 -06:00
parent fbcf4e65e8
commit 9d17e45b1c
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/pages/Discover.tsx
View file

@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
import { Helmet } from "react-helmet-async";
import { useTranslation } from "react-i18next";
import { Spinner } from "@/components/layout/Spinner";
import { Loading } from "@/components/layout/Loading";
import DiscoverContent from "@/utils/discoverContent";
import { SubPageLayout } from "./layouts/SubPageLayout";
@ -64,7 +64,7 @@ export function Discover() {
{/* Conditional rendering: show loading screen or the content */}
{loading ? (
<div className="flex flex-col justify-center items-center h-64 space-y-4">
<Spinner />
<Loading />
<p className="text-lg font-medium text-gray-400 animate-pulse mt-4">
Fetching the latest movies & TV shows...
</p>

4
src/pages/HomePage.tsx
View file

@ -2,7 +2,7 @@ import { useEffect, useState } from "react";
import { Helmet } from "react-helmet-async";
import { useTranslation } from "react-i18next";
import { Spinner } from "@/components/layout/Spinner";
import { Loading } from "@/components/layout/Loading";
import { WideContainer } from "@/components/layout/WideContainer";
import { useDebounce } from "@/hooks/useDebounce";
import { useRandomTranslation } from "@/hooks/useRandomTranslation";
@ -96,7 +96,7 @@ export function HomePage() {
{/* Conditional rendering: show loading screen or the content */}
{loading ? (
<div className="flex flex-col justify-center items-center h-64 space-y-4">
<Spinner />
<Loading />
<p className="text-lg font-medium text-gray-400 animate-pulse mt-4">
Fetching the latest movies & TV shows...
</p>