VoltEuropa/profile.volt.link
VoltEuropa/profile.volt.link
1
0
Fork 0
mirror of https://github.com/voltbonn/profile-picture-generator.git synced 2024-12-22 15:55:08 +00:00
Code Activity

whitespace

Browse source
This commit is contained in:
thomasrosen 2021-01-21 22:15:01 +01:00
parent 2359c1abd8
commit 0da8ecd11b
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/App.js
View file

@ -85,22 +85,22 @@ function App() {
return ( return (
<div className="App" {...getRootProps()}> <div className="App" {...getRootProps()}>
<img src={HeaderImage} className="HeaderImage" alt="Volt Logo" /> <img src={HeaderImage} className="HeaderImage" alt="Volt Logo" />
<div className={isDragActive ? 'droparea active' : 'droparea'}> <div className={isDragActive ? 'droparea active' : 'droparea'}>
Drop your photo here ... Drop your photo here ...
</div> </div>
<h2>Choose your Photo:</h2> <h2>Choose your Photo:</h2>
<p>It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer.</p> <p>It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer.</p>
<label className="labelButton" tabIndex="0" style={{outline:'none'}}> <label className="labelButton" tabIndex="0" style={{outline:'none'}}>
{!!photo ? <img src={originalPhoto} alt="Preview" /> : null} {!!photo ? <img src={originalPhoto} alt="Preview" /> : null}
<span>{!!photo ? 'Change Photo' : 'Load Photo'}</span> <span>{!!photo ? 'Change Photo' : 'Load Photo'}</span>
<input onChange={handleImage} type="file" accept="image/*" style={{display: 'none'}} /> <input onChange={handleImage} type="file" accept="image/*" style={{display: 'none'}} />
</label> </label>
<FrameChooser onFrameChange={handleFrameURL} /> <FrameChooser onFrameChange={handleFrameURL} />
<h2>Download your Photo:</h2> <h2>Download your Photo:</h2>
<img src={combinedImage} className="FinishedFrame" alt="Finished Frame" /> <img src={combinedImage} className="FinishedFrame" alt="Finished Frame" />
<button onClick={() => download(combinedImage, "volt-profile-picture.png", "image/png")}>Download Profile Picture</button> <button onClick={() => download(combinedImage, "volt-profile-picture.png", "image/png")}>Download Profile Picture</button>