JezK

Edit File: profile.js

import { handleModalEditor } from "../Event";
import Social from "./social";

const Profile = ({ attributes, isEdit, teamRef }) => {
    const { style, name, designation, description, socialProfiles, showDescription, showSocialProfiles, enablePopup } = attributes;

let clickProps ={};
    (isEdit && enablePopup) ? clickProps.onClick = () => handleModalEditor(teamRef) : null;

return (<>
        <div className="profile-body">
            {name && <h2 className="profile-title" {...clickProps}>{name}</h2>}
            {designation && <p className="profile-designation">{designation}</p>}
            {(showDescription && description) && <p className="profile-content">{description}</p>}
            {(style === 'hover_info' && showSocialProfiles) && (
                <div className="profile-footer">
                    <Social items={socialProfiles} />
                </div>
            )}
        </div>
        {(showSocialProfiles && style !== 'hover_info') && (
            <div className="profile-footer">
                <Social items={socialProfiles} isEdit={isEdit} />
            </div>
        )}
    </>)
}

export default Profile

https://arlindo.ac.id/post-sitemap.xml 2026-08-24T12:31:09+00:00 https://arlindo.ac.id/page-sitemap.xml 2026-08-19T10:33:58+00:00