rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(preferences): improve custom extension installation design (#674)

Browse Source
This commit is contained in:
Gorjan Petrovski
2021-10-11 11:24:54 +02:00
committed by GitHub
parent f1122f292e
commit d61ff5138b
3 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/preferences/panes/Extensions.tsx
View File

@@ -88,9 +88,10 @@ export const Extensions: FunctionComponent<{
text={customUrl}
onChange={(value) => { setCustomUrl(value); }}
/>
<div className="min-h-1" />
<div className="min-h-2" />
<Button
type="primary"
className="min-w-20"
type="normal"
label="Install"
onClick={() => submitExtensionUrl(customUrl)}
/>

12
app/assets/javascripts/preferences/panes/extensions-segments/ConfirmCustomExtension.tsx
View File

@@ -60,18 +60,18 @@ export const ConfirmCustomExtension: FunctionComponent<{
<div className="flex flex-row">
<Button
className="min-w-20"
type="primary"
label="Install"
onClick={() => callback(true)}
type="normal"
label="Cancel"
onClick={() => callback(false)}
/>
<div className="min-w-3" />
<Button
className="min-w-20"
type="primary"
label="Cancel"
onClick={() => callback(false)}
type="normal"
label="Install"
onClick={() => callback(true)}
/>
</div>

6
app/assets/javascripts/preferences/panes/extensions-segments/ExtensionItem.tsx
View File

@@ -180,13 +180,13 @@ export const ExtensionItem: FunctionComponent<{
{isEditorOrTags && (
<>
{extension.active ?
<Button type="normal" label="Deactivate" onClick={() => toggleActivate(extension)} /> :
<Button type="primary" label="Activate" onClick={() => toggleActivate(extension)} />
<Button className="min-w-20" type="normal" label="Deactivate" onClick={() => toggleActivate(extension)} /> :
<Button className="min-w-20" type="normal" label="Activate" onClick={() => toggleActivate(extension)} />
}
<div className="min-w-3" />
</>
)}
{isExternal && <Button type="normal" label="Uninstall" onClick={() => uninstall(extension)} />}
{isExternal && <Button className="min-w-20" type="normal" label="Uninstall" onClick={() => uninstall(extension)} />}
</div>
</>
}