The profile picture change modal is used to change or remove the user's current profile picture.

Loading...

Usage

import React from "react";

import {

ProfilePicChangeModal,

PelcroModalController,

usePelcro,

} from "@pelcro/react-pelcro-js";

import "@pelcro/react-pelcro-js/dist/pelcro.css";

export const ProfilePicChangeExample = () => {

const { switchView } = usePelcro();

return (

<>

<button onClick={() => switchView("profile-picture")}>

change your profile picture

</button>

<PelcroModalController>

<ProfilePicChangeModal />

</PelcroModalController>

</>

);

};

Reference

Props

onDisplay

() ⇒ void

Callback function called when the modal is first displayed.

onClose

() ⇒ void

Callback function called when the modal is closed.

onChangeSuccess

() ⇒ void

Callback function called when the picture is changed succesfully.

onRemoveSuccess

() ⇒ void

Callback function called when the picture is removed succesfully.

onChangeFailure

(errorObject) ⇒ void

Callback function called when changing the picture fails.

onRemoveFailure

(errorObject) ⇒ void

Callback function called when removing the picture fails.