Progress in points and in scholarship

Author: vtamara

apps/nextjs/app/[lang]/[pathPrefix]/[pathSuffix]/page.tsx

@@ -1,23 +1,22 @@
 'use client'
 
-import { use, useEffect, useState, useCallback } from 'react'
-import Link from 'next/link'
-import { useAccount } from 'wagmi'
-import { useSession } from 'next-auth/react'
 import axios from 'axios'
-
-import { useGuideData } from '@/lib/hooks/useGuideData'
-import { remarkFillInTheBlank } from '@/lib/remarkFillInTheBlank.mjs'
-
-import { Button } from '@/components/ui/button'
-import GoodDollarClaimButton from '@/components/GoodDollarClaimButton'
-import { unified } from 'unified'
+import { useSession } from 'next-auth/react'
+import Link from 'next/link'
+import { use, useEffect, useState, useCallback } from 'react'
 import remarkParse from 'remark-parse'
 import remarkGfm from 'remark-gfm'
 import remarkDirective from 'remark-directive'
 import remarkFrontmatter from 'remark-frontmatter'
 import remarkRehype from 'remark-rehype'
 import rehypeStringify from 'rehype-stringify'
+import { unified } from 'unified'
+import { useAccount } from 'wagmi'
+
+import GoodDollarClaimButton from '@/components/GoodDollarClaimButton'
+import { Button } from '@/components/ui/button'
+import { useGuideData } from '@/lib/hooks/useGuideData'
+import { remarkFillInTheBlank } from '@/lib/remarkFillInTheBlank.mjs'
 
 type PageProps = {
   params: Promise<{

apps/nextjs/app/[lang]/[pathPrefix]/page.tsx

@@ -6,7 +6,6 @@ import { useAccount } from 'wagmi'
 
 import { useGuideData } from '@/lib/hooks/useGuideData'
 
-import { Button } from '@/components/ui/button'
 import { CompletedProgress } from '@/components/ui/completed-progress'
 import remarkDirective from 'remark-directive'
 import remarkFrontmatter from 'remark-frontmatter'
@@ -30,7 +29,7 @@ export default function Page({ params }: PageProps) {
   const parameters = use(params)
   const { lang, pathPrefix } = parameters
 
-  const { course, loading, error, percentageCompleted, amountScholarship } = useGuideData({
+  const { course, loading, error, percentageCompleted, percentagePaid, amountScholarship } = useGuideData({
     lang,
     pathPrefix,
   })
@@ -111,7 +110,7 @@ export default function Page({ params }: PageProps) {
             {course.subtitulo}
           </h2>
           <div className="mt-4 flex items-center justify-center gap-6">
-            <CompletedProgress progress={percentageCompleted || 0} lang={lang} />
+            <CompletedProgress percentageCompleted={percentageCompleted || 0} percentagePaid={percentagePaid || 0} lang={lang} />
             <div className="flex flex-col gap-1">
               <div className="text-sm text-gray-600">
                 {lang === 'es' ? 'Total de guias en el curso: ' : 'Total of guides in course: '}