XavierOliveiraOld/Plataforma-de-Tutoriais
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: videos navugation by order

Browse Source
This commit is contained in:
Xavier Oliveira
2026-05-29 17:59:35 +01:00
parent 0ec00467b3
commit 985f5ffb69
15 changed files with 306 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-plataforma-tutoriais/src/components/header/index.tsx
+4 -4
View File
@@ -15,7 +15,7 @@ import { useGetWorkshopsSearch } from "../../hooks/useGetWorkshopsSearch";
import { imageSkeletonFadeStyle, onImageSkeletonLoad } from "../../utils/imageSkeleton";
import { motion, AnimatePresence } from "framer-motion";
import { useGetCurrentUser } from "../../hooks/useGetCurrentUser";
import AnimatedCounter from "../animatedNumberCount";
export default function Header() {
const [showMenu, setShowMenu] = useState(false);
@@ -166,7 +166,7 @@ export default function Header() {
{role !== 1 && videosCount > 0 && (
<div className="d-flex d-sm-none justify-content-center">
<span className="fw-semibold">Vídeos assistidos</span>
<span className={`${styles.badge} badge align-content-center ms-3`}>{videosWatched}/{videosCount}</span>
<span className={`${styles.badge} badge align-content-center ms-3`}><AnimatedCounter value={videosWatched} />/<AnimatedCounter value={videosCount} /></span>
</div>
)}
@@ -183,7 +183,7 @@ export default function Header() {
<>
<div className="d-none d-sm-flex align-items-center gap-1 text-muted">
<span className="fw-semibold">Vídeos assistidos</span>
<span className={`${styles.badge} badge align-content-center`}>{videosWatched}/{videosCount}</span>
<span className={`${styles.badge} badge align-content-center`}><AnimatedCounter value={videosWatched} />/<AnimatedCounter value={videosCount} /></span>
</div>
</>
)}
@@ -225,7 +225,7 @@ export default function Header() {
<div className="row">
{videosSearched.length > 0 && (
<span className="text-muted text-start d-block">Vídeos encontrados: {videosSearched.length}</span>
<span className="text-muted text-start d-block">Vídeos encontrados: <AnimatedCounter value={videosSearched.length} /></span>
)}
{videosSearched.map((video) => (