signup notice and profile page role for unverified user

Prototypr · Feb 28, 2024 · 37ca3c0 · 37ca3c0
1 parent aa04350
commit 37ca3c0
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/components/Navbar/UserMenu.jsx b/components/Navbar/UserMenu.jsx
@@ -36,7 +36,7 @@ const UserMenu = ({ user, userLoading }) => {
       {clientMounted ? (
         <NavigationMenuItem className="flex flex-col justify-center" style={{zIndex:999}}>
           {user && user?.isLoggedIn ? (
-            <div className="ml-2 w-8">
+            <div className="ml-2 w-8 mt-[4px]">
               {user && (
                 <ProfileBadge
                   user={user}

diff --git a/components/newsletter/SignupHomepage.js b/components/newsletter/SignupHomepage.js
@@ -64,8 +64,8 @@ export default function SignupHomepage({ className }) {
             </div>
           </>
         ) : (
-          <div className="p-6 bg-blue-400 rounded-md mb-2 mt-10">
-            <h2 className={`text-base text-gray-800 font-semibold font-inter `}>
+          <div className="p-6 bg-white shadow rounded-md max-w-md xl:max-w-xl mb-2 mt-10">
+            <h2 className={`text-lg mb-2 text-gray-800 font-semibold font-inter `}>
               {intl.formatMessage({ id: "signup.input.check" })} &nbsp;{" "}
               <div className="inline -mt-1">🎉</div>
             </h2>

diff --git a/components/people/ProfilePageLayout.js b/components/people/ProfilePageLayout.js
@@ -41,6 +41,7 @@ const ProfilePageLayout = ({
   authorUrl = "",
   skills = [],
   previewOnly=false,
+  fromAccountPage=false,
   unapproved=false
 }) =>{
     const router = useRouter();
@@ -91,7 +92,7 @@ const ProfilePageLayout = ({
                 <div className="relative px-6 md:px-0 max-w-[1320px] mx-auto flex flex-col md:flex-row justify-center">
 
                 <div
-                    className="w-[168px] bg-white h-[168px] -mt-2 rounded-full border border-1 overflow- relative border-black/10 shadow-sm mb-3 md:mb-0 md:mr-12"
+                    className="w-[160px] bg-white h-[160px] -mt-2 rounded-full border border-1 overflow- relative border-black/10 shadow-sm mb-3 md:mb-0 md:mr-8"
                 >
   {(kofi || (unapproved && user?.profile?.kofi)) && (
                         <div className="absolute z-10 bottom-0 mb-3 left-0">
@@ -153,9 +154,9 @@ const ProfilePageLayout = ({
                   </Link>
                 )):''}
                       </div> */}
-                       {author.bio && (
+                       {(!fromAccountPage && author.role) && (
                 <div className="text-base max-w-[500px] text-black/70 mb-4">
-                  <div dangerouslySetInnerHTML={{ __html: author.bio }} />
+                  <div dangerouslySetInnerHTML={{ __html: author.role }} />
                 </div>
               )}
                       {/* social row */}
@@ -299,8 +300,8 @@ const ProfilePageLayout = ({
 
           <div className="flex-1 z-20 -mt-[120px]">
             <div className="px-3 max-w-[1320px] mx-auto mb-20 mt-6 lg:mt-0">
-            {unapproved?<div className="px-6 mt-[160px]">
-            <div className="mt-3 flex w-full bg-blue-300/20 p-4 px-4 rounded-xl text-black/90 max-w-3xl mx-auto">
+            {unapproved?<div className="px-6 mt-[60px]">
+            <div className="mt-3 flex w-full bg-white shadow p-4 px-4 rounded-xl text-black/90 max-w-3xl mx-auto">
             <div className="mr-4 my-auto">
             <CircleWavyCheck size="44"/>
             </div>

diff --git a/pages/account/profile.js b/pages/account/profile.js
@@ -61,6 +61,7 @@ const AccountPage = ({ preview }) => {
       <Layout>
 
         <ProfilePageLayout
+        fromAccountPage={true}
           previewOnly={true}
           allPosts={null}  
           preview={false}