import React from "react" ; import ClipboardBtn from "../shared/clipboard-button" ; import Slide from "../shared/slide" ; const ICON_READY = require ( "../../assets/images/icon_ready.png" ) ; const UploadCompleteSlide = ( { handle } ) => ( < Slide title = "Upload Complete" image = { ICON_READY } > < p className = "complete-instructions" > Your file has been successfully uploaded to the Tangle . An Oyster handle has been generated below . This handle is the only way to access your file on the Tangle . Please store this handle in a safe place . < /p> < div > < p > < span className = "handle-header" > Oyster Handle : < /span> < /p> < p id = "oyster-handle" className = "oyster-handle" > { handle } < /p> < ClipboardBtn text = { handle } > Copy to clipboard < /ClipboardBtn> < /div> < /Slide>); export default UploadCompleteSlide ;