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

chore: vaults ui improvements

Browse Source
This commit is contained in:
Aman Harwara
2023-08-08 01:08:54 +05:30
parent c5324c0dd2
commit 2484c2147a
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/ContactItem.tsx
View File

@@ -44,7 +44,7 @@ const ContactItem = ({ contact }: Props) => {
<div className="mt-2.5 flex flex-row"> <div className="mt-2.5 flex flex-row">
<Button label="Edit" className={'mr-3 text-xs'} onClick={() => setIsContactModalOpen(true)} /> <Button label="Edit" className={'mr-3 text-xs'} onClick={() => setIsContactModalOpen(true)} />
<Button label="Delete" className={'mr-3 text-xs'} onClick={deleteContact} /> {!contact.isMe && <Button label="Delete" className={'mr-3 text-xs'} onClick={deleteContact} />}
</div> </div>
</div> </div>
</div> </div>

18
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
View File

@@ -109,29 +109,29 @@ const VaultItem = ({ vault }: Props) => {
<div className="flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 border border-border shadow"> <div className="flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 border border-border shadow">
<Icon type="safe-square" size="custom" className="mt-2.5 h-5.5 w-5.5 flex-shrink-0" /> <Icon type="safe-square" size="custom" className="mt-2.5 h-5.5 w-5.5 flex-shrink-0" />
<div className="flex flex-col gap-2 py-1.5"> <div className="flex flex-col gap-1.5 py-1.5">
<span className="mr-auto overflow-hidden text-ellipsis text-base font-bold">{vault.name}</span> <span className="mr-auto overflow-hidden text-ellipsis text-base font-bold">{vault.name}</span>
<span className="mr-auto overflow-hidden text-ellipsis text-sm">{vault.description}</span> {vault.description && (
<span className="mr-auto overflow-hidden text-ellipsis text-sm">{vault.description}</span>
)}
<span className="mr-auto overflow-hidden text-ellipsis text-sm">Vault ID: {vault.systemIdentifier}</span> <span className="mr-auto overflow-hidden text-ellipsis text-sm">Vault ID: {vault.systemIdentifier}</span>
<div className="mt-2 flex w-full flex-row justify-between"> <div className="mt-2 flex w-full flex-row justify-between">
<div className="flex flex-row"> <div className="flex flex-row">
<Button label="Edit" className={'mr-3 text-xs'} onClick={openEditModal} /> <Button label="Edit" className="mr-3 text-xs" onClick={openEditModal} />
{isAdmin && ( {isAdmin && <Button colorStyle="danger" label="Delete" className="mr-3 text-xs" onClick={deleteVault} />}
<Button colorStyle="danger" label="Delete" className={'mr-3 text-xs'} onClick={deleteVault} />
)}
{!isAdmin && vault.isSharedVaultListing() && ( {!isAdmin && vault.isSharedVaultListing() && (
<Button label="Leave Vault" className={'mr-3 text-xs'} onClick={leaveVault} /> <Button label="Leave Vault" className="mr-3 text-xs" onClick={leaveVault} />
)} )}
</div> </div>
<div className="flex flex-row"> <div className="flex flex-row">
{vault.isSharedVaultListing() ? ( {vault.isSharedVaultListing() ? (
<Button label="Invite Contacts" className={'mr-3 text-xs'} onClick={openInviteModal} /> <Button label="Invite Contacts" className="mr-3 text-xs" onClick={openInviteModal} />
) : ( ) : (
<Button <Button
colorStyle="info" colorStyle="info"
label="Enable Collaboration" label="Enable Collaboration"
className={'mr-3 text-xs'} className="mr-3 text-xs"
onClick={convertToSharedVault} onClick={convertToSharedVault}
/> />
)} )}