Merge branch 'main' of https://github.com/credebl/studio into user-da…

…shboard-organization-list-issue
credebl · Aug 28, 2023 · bb177cd · bb177cd
2 parents f5aa0b9 + c81eef6
commit bb177cd
Show file tree

Hide file tree

Showing 19 changed files with 1,085 additions and 480 deletions.
diff --git a/public/images/Passkey_Added.svg b/public/images/Passkey_Added.svg
diff --git a/src/app/FooterSignInSignUp.astro b/src/app/FooterSignInSignUp.astro
@@ -0,0 +1,16 @@
+
+<!-- <footer class="w-full  bg-white text-center text-white insect-x-0 p-4"> -->
+<footer class="z-50 w-full bg-white border-b border-gray-200 sm:py-2 dark:bg-gray-800 dark:border-gray-700 insect-x-0">
+	<div class="container mx-auto">
+
+    <div class="dark:bg-gray-700 md:flex md:items-center md:justify-between p-4">
+		<p class="text-sm text-center text-gray-500">
+			&copy; 2019 - {new Date().getFullYear()} -
+			<a class="hover:underline" target="_blank"
+				>CREDEBL</a
+			> | All rights reserved.
+		</p>
+
+      </div>
+	  </div>
+</footer>
diff --git a/src/app/LayoutStackedSignInSignUp.astro b/src/app/LayoutStackedSignInSignUp.astro
@@ -0,0 +1,26 @@
+---
+import FooterSignInSignUp from './FooterSignInSignUp.astro';
+import LayoutCommon from './LayoutCommon.astro';
+import NavBarSignInSignUp from './NavBarSignInSignUp.astro';
+---
+<NavBarSignInSignUp />
+
+<LayoutCommon>
+	<div class="flex flex-col min-h-screen">
+
+
+
+	<!-- <div class="flex bg-gray-50 dark:bg-gray-900"> -->
+		<!-- <div
+			id="main-content"
+			class="relative w-full bg-gray-50 dark:bg-gray-900"
+		> -->
+
+				<slot />
+		<!-- </div> -->
+	<!-- </div> -->
+
+	<FooterSignInSignUp />
+</div>
+</LayoutCommon>
+
diff --git a/src/app/NavBarSignInSignUp.astro b/src/app/NavBarSignInSignUp.astro
@@ -0,0 +1,27 @@
+---
+---
+
+<nav
+	class="fixed top-0 z-50 w-full bg-white border-b border-gray-200 sm:py-2 dark:bg-gray-800 dark:border-gray-700 "
+>
+	<div class="container py-1 mx-auto">
+		<div class="flex items-center justify-between">
+			<div class="flex items-center justify-start">
+				<a class="flex mr-4" href='/'>
+					<img
+						src='/images/CREDEBL_ICON.png'
+						class="h-8 mr-3"
+						alt="CREDEBL Logo"
+					/>
+					<span
+						class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
+						>CREDEBL</span
+					>
+				</a>			
+			</div>
+
+
+		</div>
+	</div>
+
+</nav>
diff --git a/src/components/Authentication/RegistrationSuccess.tsx b/src/components/Authentication/RegistrationSuccess.tsx
@@ -8,41 +8,19 @@ const RegistrationSuccess = () => {
     }
 
     return (
-        <div className='h-50'>
-
-
-            <div className="w-full h-full bg-white flex-shrink-0">
-                <div className="flex flex-col md:flex-row" style={{ height: '830px' }}>
-                    <div className="flex md:h-auto md:w-3/5 bg-white" style={{ justifyContent: 'center', padding: 100 }}>
-                        <div className='absolute left-10 top-10'>
-                            <a href="/" className="flex items-center">
-                                <img
-                                    src="/images/CREDEBL_ICON.png"
-                                    className="mr-2 h-6 sm:h-9"
-                                    alt="CREDEBL Logo"
-                                />
-                                <span
-                                    className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
-                                >
-                                    CREDEBL</span>
-
-                            </a>
-                        </div>
-
-                        <img className="flex"
-                            src="/images/signin.svg"
+        <div className='h-full'>
+            <div className="bg-white flex-shrink-0">
+                <div className="flex flex-col md:flex-row">
+                    <div className="flex justify-center px-50 py-50 md:w-3/5 bg-blue-500 bg-opacity-10" >
+                        <img
+                            src="/images/Passkey_Added.svg"
                             alt="img" />
-                        <div className="absolute left-10 bottom-10">
-                            &copy; 2019 - {new Date().getFullYear()} —
-                            <a className="hover:underline" target="_blank"
-                            >CREDEBL</a> | All rights reserved.
-                        </div>
 
                     </div>
-                    <div className="flex items-center justify-center p-6 sm:p-12 md:w-2/5 shadow-xl shadow-blue-700">
-                        <div className="w-full" style={{ height: '700px' }}>
+                    <div className="flex items-center justify-center p-6 sm:p-12 md:w-2/5 ">
+                        <div className="w-full">
 
-                            <div className="mt-20 mb-24 flex justify-center mb-4 text-center text-primary-700 text-blue-600 font-inter text-4xl font-bold leading-10 ">
+                            <div className="mt-28 mb-24 flex justify-center mb-4 text-center text-primary-700 text-blue-600 font-inter text-4xl font-bold leading-10 ">
                                 Congratulations!
                             </div>
 
@@ -52,25 +30,20 @@ const RegistrationSuccess = () => {
                                     <path fill-rule="evenodd" clip-rule="evenodd" d="M80.4367 34.3527C81.1905 35.2635 81.0662 36.6202 80.1593 37.3831L41.4011 69.9827C40.9543 70.3585 40.3754 70.5353 39.798 70.4722C39.2206 70.4091 38.6946 70.1116 38.3412 69.6483L21.7122 47.8438C20.9951 46.9034 21.1726 45.5525 22.1088 44.8264C23.045 44.1003 24.3853 44.274 25.1025 45.2143L40.3804 65.2472L77.4297 34.0849C78.3367 33.322 79.683 33.4419 80.4367 34.3527Z" fill="white" />
                                 </svg>
 
-
                             </div>
-                            <p className="text-gray-500 font-inter text-base font-medium leading-5 flex w-84 h-5.061 flex-col justify-center items-center flex-shrink-0">
+                            <p className="text-gray-500 mt-6 font-inter text-base font-medium leading-5 flex w-84 h-5.061 flex-col justify-center items-center flex-shrink-0">
                                 Passkey created successfully
                             </p>
 
-
-                            <div>
+                            <div className="mt-24">
                                 <Button
                                     type="submit"
                                     onClick={redirectSignInPage}
 
-                                    className='w-[604px] mt-20 font-medium text-center text-white bg-primary-700 hover:!bg-primary-800 rounded-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800'
-
+                                    className='w-full font-medium text-center text-white bg-primary-700 hover:!bg-primary-800 rounded-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800'
                                 >
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" viewBox="0 0 38 37" fill="none">
-                                        <path d="M25.6203 21.2026C25.9292 21.2026 26.2293 21.053 26.389 20.7875C26.6242 20.3982 26.4697 19.9092 26.0451 19.6936C24.8394 19.0839 23.5513 18.6222 22.2245 18.2876C25.6888 16.7062 28.079 13.4342 28.079 9.65217C28.079 4.329 23.3565 0 17.5494 0C11.7423 0 7.01973 4.329 7.01973 9.65217C7.01973 13.4326 9.40823 16.7015 12.8672 18.2844C9.97157 19.0132 7.31283 20.4063 5.13493 22.4027C1.82335 25.4383 0 29.4793 0 33.7826V36.1956C0 36.6396 0.393134 37 0.877497 37C1.36186 37 1.75499 36.6396 1.75499 36.1956V33.7826C1.75499 29.9088 3.39762 26.2732 6.3775 23.5401C9.35739 20.8069 13.3253 19.3043 17.5494 19.3043C20.2257 19.3043 22.8705 19.9269 25.1975 21.1029C25.3308 21.1704 25.4765 21.2026 25.6203 21.2026ZM8.77472 9.65217C8.77472 5.217 12.711 1.60867 17.5494 1.60867C22.3877 1.60867 26.3241 5.217 26.3241 9.65217C26.3241 14.0873 22.3877 17.6957 17.5494 17.6957C12.711 17.6956 8.77472 14.0873 8.77472 9.65217Z" fill="white" />
-                                        <path d="M21.2585 36.3855C19.9011 25.8284 27.5516 21.0023 36.3948 21.5679" stroke="white" stroke-linecap="round" />
-                                        <path d="M33.6328 18.5L36.9964 21.5833L33.6328 24.6667" stroke="white" stroke-linecap="round" />
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 30 20" fill="none">
+                                        <path d="M29.8369 10.763C29.9991 10.3984 30.0415 9.99721 29.9588 9.61015C29.876 9.22309 29.6717 8.86759 29.3719 8.58861L20.7999 0.609018C20.6022 0.418485 20.3657 0.26651 20.1043 0.161959C19.8428 0.0574089 19.5616 0.00237707 19.2771 7.53215e-05C18.9925 -0.00222642 18.7103 0.0482475 18.447 0.148553C18.1836 0.248858 17.9443 0.396985 17.7431 0.584292C17.5419 0.771598 17.3828 0.994332 17.275 1.2395C17.1673 1.48466 17.1131 1.74735 17.1155 2.01223C17.118 2.27711 17.1771 2.53888 17.2894 2.78227C17.4018 3.02566 17.565 3.24578 17.7697 3.4298L22.6857 8.0061H2.14299C1.57464 8.0061 1.02956 8.21628 0.627668 8.59039C0.225779 8.96451 0 9.47192 0 10.001C0 10.5301 0.225779 11.0375 0.627668 11.4116C1.02956 11.7857 1.57464 11.9959 2.14299 11.9959H22.6857L17.7718 16.5702C17.5672 16.7542 17.4039 16.9743 17.2916 17.2177C17.1793 17.4611 17.1202 17.7229 17.1177 17.9878C17.1152 18.2526 17.1694 18.5153 17.2772 18.7605C17.3849 19.0057 17.5441 19.2284 17.7453 19.4157C17.9465 19.603 18.1858 19.7511 18.4491 19.8514C18.7125 19.9518 18.9947 20.0022 19.2792 19.9999C19.5638 19.9976 19.845 19.9426 20.1064 19.838C20.3679 19.7335 20.6043 19.5815 20.802 19.391L29.374 11.4114C29.5725 11.2257 29.7298 11.0054 29.8369 10.763Z" fill="white" />
                                     </svg>
                                     <span className="ml-2">continue</span>