empower-custom-profile-image

Getting Started with Empower Custom Profile Image Component

Sample Usage

import { ProfileImage, ProfileDetails, ImageCropper } from 'empower-custom-profile-image';

const paramImage = {
  size: 'lg',
  url:'',
  placeholder: 'IN',
  element1: 'Firstname Lastname',
  element2: 'Reporting Job',
  element3: 'Reporting Department',


}

const paramDetails = {
  size: 'lg',
  url:'',
  placeholder: 'IN',
  first_name: 'first_name',
  last_name: 'last_name',
  job: 'position title',
  department: 'department name',
  site: 'site',
  employeNumber: 'employeNumber',
  tenure: {
    year:  '2021',
    month: 'Aug'
  },
  reportingTo:{
    url:'',
    placeholder: 'IN',
    first_name: 'Reporting Firstname',
    last_name: 'Reporting Lastname',
    job: 'Reporting Job',
  }
}


function App() {
  const uploadAction = (val) => {

  }

  return (
    <div className="App">
      <h3>Profile Image Component</h3>
      <ProfileImage {...paramImage}  />


      <h3>Profile Details Component</h3>
      <ProfileDetails {...paramDetails}  />

      <ImageCropper 
        uploadAction={val => uploadAction(val)} 
        uploadResult={true}
      />
    </div>
  );
}

export default App;