Skip to content

Commit

Permalink
fixes to profile page
Browse files Browse the repository at this point in the history
  • Loading branch information
@ktechgau
ktechgau committed Apr 7, 2024
1 parent 868d45a commit ed7a038
Showing 1 changed file with 135 additions and 136 deletions.
271 changes: 135 additions & 136 deletions src/components/ProfilePage/ProfilePageRender.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -123,80 +123,54 @@ function ProfilePageDetails() {
</div>
<hr className="hr" />

<div className="bio-section">
<h3>Bio:</h3>
<p>{profile.bio}</p>
</div>
<div className="bio-section">
<h3>Bio:</h3>
<p>{profile.bio}</p>
</div>
</div>

<div className="other-info-container">
<div className="skills-section">
<h3>Tags:</h3>
<div className="skill-tags">
<ul>
{profile.tags.map((tag, index) => (
<li key={index}>{tag}</li>
))}
</ul>
</div>
<div>
<div className="industry-tags">
<h3>Industry Tags:</h3>
<ul>
{profile.industries.map((industry, index) => (
<li key={index}>{industry}</li>
))}
</ul>
</div>
<div className="other-info-container">
<div className="skills-section">
<h3>Tags:</h3>
<div className="skill-tags">
<ul>
{profile.tags.map((tag, index) => (
<li key={index}>{tag}</li>
))}
</ul>
</div>
<div>
<div className="industry-tags">
<h3>Industry Tags:</h3>
<ul>
{profile.industries.map((industry, index) => (
<li key={index}>{industry}</li>
))}
</ul>
</div>
</div>

</div>
<div className="profile-page-render-experiences-section">
<h3>Experiences</h3>

</div>
<div className="other-info-container">
<div className="skills-section">
<h3>Tags:</h3>
<div className="skill-tags">
<ul>
{profile.tags.map((tag, index) => (
<li key={index}>{tag}</li>
))}
</ul>
</div>
<div>
<div className="industry-tags">
<h3>Industry Tags:</h3>
<ul>
{profile.industries.map((industry, index) => (
<li key={index}>{industry}</li>
))}
</ul>
</div>
</div>
{/*<a target="_blank" href="#">*/}
{/* <MdModeEdit*/}
{/* style={{color: "#4078c0", width: "24px", height: "24px"}}*/}
{/* />*/}
{/*</a>*/}
</div>
<div className="profile-page-render-experiences-section">
<h3>Experiences</h3>

{auth.token && user.id == profile.owner ? (
<div className="experience-icons">
<a onClick={() => setExperiencePopUp(true)}>
<FaPlus size={24}
style={{color: "#4078c0", width: "24px", height: "24px"}}
/>
</a>
</div>) : (
<br/>
)}

</div>
{/*<a target="_blank" href="#">*/}
{/* <MdModeEdit*/}
{/* style={{color: "#4078c0", width: "24px", height: "24px"}}*/}
{/* />*/}
{/*</a>*/}
</div>
<div className="profile-page-render-experiences-section">
<h3>Experiences</h3>

</div>
{auth.token && user.id == profile.owner ? (
<div className="experience-icons">
<a onClick={() => setExperiencePopUp(true)}>
<FaPlus
size={24}
style={{ color: "#4078c0", width: "24px", height: "24px" }}
/>
</a>
</div>
) : (
<br />
)}
</div>

<div className="experience-cards-container">
{experiences.map((experienceData, key) => {
Expand Down Expand Up @@ -227,72 +201,97 @@ function ProfilePageDetails() {
<p>{user.email}</p>
</div>

{profile.facebook_url && (
<a target="_blank" href={profile.facebook_url} className="experience-contact-info">
<BsFacebook
style={{color: "#1877F2", width: "24px", height: "24px"}}
/>{" "}
Facebook
</a>
)}
{profile.github_url && (
<a target="_blank" href={profile.github_url} className="experience-contact-info">
<BsGithub
style={{color: "#171515", width: "24px", height: "24px"}}
/>{" "}
GitHub
</a>
)}
{profile.linkedin_url && (
<a target="_blank" href={profile.linkedin_url} className="experience-contact-info">
<BsLinkedin
style={{color: "#0077B5", width: "24px", height: "24px"}}
/>{" "}
LinkedIn
</a>
)}
{profile.instagram_url && (
<a target="_blank" href={profile.instagram_url} className="experience-contact-info">
<BsInstagram
style={{color: "#f9ce34", width: "24px", height: "24px"}}
/>{" "}
Instagram
</a>
)}
{profile.portfolio_url && (
<a target="_blank" href={profile.portfolio_url} className="experience-contact-info">
<BsGlobe2
style={{color: "#0077b5", width: "24px", height: "24px"}}
/>{" "}
Website
</a>
)}
</>
) : (
<div className="sign-up-message">
<p>
Unlock the full potential of our platform by registering today!
Once you're a member, you'll gain access to full profiles and
the ability to contact individuals. Don't miss out on valuable
connections.{" "}
</p>
<p>
<Link to="/signup">Sign Up</Link> today!
</p>
<p> Already a member? </p>
<p>
{" "}
<Link to="/login">Log in</Link> to see Contact details
</p>
</div>
)}
</div>
{profile.facebook_url && (
<a
target="_blank"
href={profile.facebook_url}
className="experience-contact-info"
>
<BsFacebook
style={{ color: "#1877F2", width: "24px", height: "24px" }}
/>{" "}
Facebook
</a>
)}
{profile.github_url && (
<a
target="_blank"
href={profile.github_url}
className="experience-contact-info"
>
<BsGithub
style={{ color: "#171515", width: "24px", height: "24px" }}
/>{" "}
GitHub
</a>
)}
{profile.linkedin_url && (
<a
target="_blank"
href={profile.linkedin_url}
className="experience-contact-info"
>
<BsLinkedin
style={{ color: "#0077B5", width: "24px", height: "24px" }}
/>{" "}
LinkedIn
</a>
)}
{profile.instagram_url && (
<a
target="_blank"
href={profile.instagram_url}
className="experience-contact-info"
>
<BsInstagram
style={{ color: "#f9ce34", width: "24px", height: "24px" }}
/>{" "}
Instagram
</a>
)}
{profile.portfolio_url && (
<a
target="_blank"
href={profile.portfolio_url}
className="experience-contact-info"
>
<BsGlobe2
style={{ color: "#0077b5", width: "24px", height: "24px" }}
/>{" "}
Website
</a>
)}
</>
) : (
<div className="sign-up-message">
<p>
Unlock the full potential of our platform by registering today!
Once you're a member, you'll gain access to full profiles and the
ability to contact individuals. Don't miss out on valuable
connections.{" "}
</p>
<p>
<Link to="/signup">Sign Up</Link> today!
</p>
<p> Already a member? </p>
<p>
{" "}
<Link to="/login">Log in</Link> to see Contact details
</p>
</div>
)}
</div>
<div>

{experiencePopUp ? <CreateExperienceForm id={id} trigger={experiencePopUp} setTrigger={setExperiencePopUp}/> : null}
</div>
</section>
);
{experiencePopUp ? (
<CreateExperienceForm
id={id}
trigger={experiencePopUp}
setTrigger={setExperiencePopUp}
/>
) : null}
</div>
</section>
);
}

export default ProfilePageDetails;

0 comments on commit ed7a038

Please sign in to comment.