LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add lists modal stuff

Browse source
This commit is contained in:
zeppi 2021-06-11 14:54:42 -04:00 committed by jessopb
parent cbf0be3f3c
commit 5680b19dc8
1 changed files with 30 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
ui/component/claimCollectionAdd/view.jsx
View file

@ -42,6 +42,7 @@ const ClaimCollectionAdd = (props: Props) => {
function handleAddCollection() {
addCollection(newCollectionName, [permanentUrl], isChannel ? 'collection' : 'playlist');
setNewCollectionName('');
setAddNewCollection(false);
}
function altEnterListener(e: SyntheticKeyboardEvent<*>) {
@ -60,6 +61,18 @@ const ClaimCollectionAdd = (props: Props) => {
window.removeEventListener('keydown', altEnterListener);
}
function handleDone() {
if (addNewCollection && newCollectionName) {
handleAddCollection();
}
closeModal();
}
function handleClearNew() {
setNewCollectionName('');
setAddNewCollection(false);
}
return (
<Card
title={__('Add To...')}
@ -107,13 +120,22 @@ const ClaimCollectionAdd = (props: Props) => {
onFocus={onTextareaFocus}
onBlur={onTextareaBlur}
inputButton={
<Button
button={'secondary'}
icon={ICONS.ADD}
disabled={!newCollectionName.length}
onClick={() => handleAddCollection()}
ref={buttonref}
/>
<>
<Button
button={'alt'}
icon={ICONS.ADD}
className={'button-toggle'}
disabled={!newCollectionName.length}
onClick={() => handleAddCollection()}
ref={buttonref}
/>
<Button
button={'alt'}
className={'button-toggle'}
icon={ICONS.REMOVE}
onClick={() => handleClearNew()}
/>
</>
}
onChange={handleNameInput}
/>
@ -123,7 +145,7 @@ const ClaimCollectionAdd = (props: Props) => {
)}
</fieldset-section>
<div className="card__actions">
<Button button="secondary" label={__('Done')} onClick={closeModal} />
<Button button="secondary" label={__('Done')} disabled={addNewCollection} onClick={handleDone} />
</div>
</div>
}