OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

extract OutfitNameEditButton

Browse source
This commit is contained in:
Matt Dunn-Rankin 2020-04-22 04:04:02 -07:00
parent 09b928865e
commit 255b77d0cf
1 changed files with 22 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/src/WardrobePage.js
View file

@ -215,6 +215,18 @@ function OutfitHeading() {
<EditablePreview /> <EditablePreview />
<EditableInput /> <EditableInput />
{!isEditing && ( {!isEditing && (
<OutfitNameEditButton onRequestEdit={onRequestEdit} />
)}
</>
)}
</Editable>
</Heading1>
</PseudoBox>
);
}
function OutfitNameEditButton({ onRequestEdit }) {
return (
<PseudoBox <PseudoBox
d="inline-block" d="inline-block"
opacity="0" opacity="0"
@ -231,12 +243,6 @@ function OutfitHeading() {
title="Edit outfit name" title="Edit outfit name"
/> />
</PseudoBox> </PseudoBox>
)}
</>
)}
</Editable>
</Heading1>
</PseudoBox>
); );
} }