extract OutfitNameEditButton
This commit is contained in:
parent
09b928865e
commit
255b77d0cf
1 changed files with 22 additions and 16 deletions
|
@ -215,6 +215,18 @@ function OutfitHeading() {
|
|||
<EditablePreview />
|
||||
<EditableInput />
|
||||
{!isEditing && (
|
||||
<OutfitNameEditButton onRequestEdit={onRequestEdit} />
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
</Editable>
|
||||
</Heading1>
|
||||
</PseudoBox>
|
||||
);
|
||||
}
|
||||
|
||||
function OutfitNameEditButton({ onRequestEdit }) {
|
||||
return (
|
||||
<PseudoBox
|
||||
d="inline-block"
|
||||
opacity="0"
|
||||
|
@ -231,12 +243,6 @@ function OutfitHeading() {
|
|||
title="Edit outfit name"
|
||||
/>
|
||||
</PseudoBox>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
</Editable>
|
||||
</Heading1>
|
||||
</PseudoBox>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue