added border radius

src/_digifi/partials/widgets/_new/engage/EngageWidget10.tsx

@@ -18,11 +18,12 @@ const EngageWidget10 = ({className}: Props) => (
       <div className='mb-10'>
         <div className='fs-2hx fw-bold text-gray-800 text-center mb-13'>
           <span className='me-2'>
-            Need more help to manage to the platform
+            Need more help to manage the platform
             <br />
             <span className='position-relative d-inline-block text-danger'>
               <Link
-                to='/crafted/pages/profile/overview'
+                to='/help'
+                // target='_blank'
                 className='text-danger
               opacity-75-hover'
               >

src/_digifi/partials/widgets/tables/TablesWidget10.tsx

@@ -108,13 +108,14 @@ const TablesWidget10: FC<Props> = ({className, dashData}) => {
                           <td className='text-end'>
                             <div className='d-flex flex-column w-100 me-2'>
                               <div className='d-flex flex-stack mb-2'>
-                                <span className='text-muted me-2 fs-7 fw-semibold'>50%</span>
+                                {/* <span className='text-muted me-2 fs-7 fw-semibold'>50%</span> */}
+                                <span className='text-muted me-2 fs-7 fw-semibold'>{(Number(item?.status)/5)*100}%</span>
                               </div>
                               <div className='progress h-6px w-100'>
                                 <div
                                   className='progress-bar bg-primary'
                                   role='progressbar'
-                                  style={{width: '50%'}}
+                                  style={{width: `${(Number(item?.status)/5)*100}%`}}
                                 ></div>
                               </div>
                             </div>

src/app/modules/auth/AuthLayout.tsx

@@ -16,18 +16,18 @@ const AuthLayout = () => {
   }, []);
 
   return (
-    <div className="d-flex flex-column flex-lg-row flex-column-fluid h-100vh" 
+    <div className="d-flex flex-column flex-lg-row flex-column-fluid" 
       style={{backgroundImage: 'url(../../../../public/media/auth/digifi_bko_home.jpg)', backgroundRepeat: 'none', backgroundSize: 'cover'}}
     >
       {/* begin::Body */}
-      <div className="flex flex-column align-items-center w-lg-50 p-10">
+      <div className="h-100 flex flex-column align-items-center w-lg-50 p-10">
         {/* begin::Form */}
         <div 
           // className="d-flex flex-center flex-column flex-lg-row-fluid"
           className="d-flex h-100 align-items-center"
         >
           {/* begin::Wrapper */}
-          <div className="w-lg-500px p-10 bg-white shadow-sm">
+          <div className="w-lg-500px p-10 bg-white shadow-sm rounded">
             {/* begin::Title */}
             <h1 className="text-black fs-2qx fw-bolder text-center mb-7">
                 {/* begin::Logo */}

src/app/modules/help/HelpPage.tsx

@@ -0,0 +1,8 @@
+
+export default function HelpPage() {
+  return (
+    <div className="w-100 h-100">
+      <h1 className="fs-2hx fw-bold text-gray-800">Help</h1>
+    </div>
+  )
+}

src/app/routing/AppRoutes.tsx

@@ -11,6 +11,7 @@ import {PrivateRoutes} from './PrivateRoutes'
 import {ErrorsPage} from '../modules/errors/ErrorsPage'
 import {Logout, AuthPage, useAuth} from '../modules/auth'
 import {App} from '../App'
+import HelpPage from '../modules/help/HelpPage'
 
 /**
  * Base URL of the website.
@@ -26,6 +27,7 @@ const AppRoutes: FC = () => {
       <Routes>
         <Route element={<App />}>
           <Route path='error/*' element={<ErrorsPage />} />
+          <Route path='/help' element={<HelpPage />} />
           <Route path='logout' element={<Logout />} />
           {currentUser ? (
             <>