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

chore: lint

Browse Source
This commit is contained in:
Aman Harwara
2023-07-12 23:59:58 +05:30
parent 139e8789a4
commit 3f796b48eb
104 changed files with 169 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/javascripts/Components/Preferences/Panes/Account/Files.tsx
View File

@@ -52,7 +52,7 @@ const FilesSection: FunctionComponent<Props> = ({ application }) => {
</div>
) : (
<>
<div className="mt-1 mb-1">
<div className="mb-1 mt-1">
<span className="font-semibold">{formatSizeToReadableString(filesQuotaUsed)}</span> of{' '}
<span>{application.isThirdPartyHostUsed() ? '∞' : formatSizeToReadableString(filesQuotaTotal)}</span> used
</div>

2
packages/web/src/javascripts/Components/Preferences/Panes/Account/NoProSubscription.tsx
View File

@@ -36,7 +36,7 @@ const NoProSubscription: FunctionComponent<Props> = ({ application, text }) => {
<div className="flex">
{!application.hideOutboundSubscriptionLinks && (
<LinkButton className="mt-3 mr-3 min-w-20" label="Learn More" link={window.plansUrl as string} />
<LinkButton className="mr-3 mt-3 min-w-20" label="Learn More" link={window.plansUrl as string} />
)}
{application.hasAccount() && (
<Button className="mt-3 min-w-20" primary label="Upgrade" onClick={onPurchaseClick} />

2
packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/NoSubscription.tsx
View File

@@ -34,7 +34,7 @@ const NoSubscription: FunctionComponent<Props> = ({ application }) => {
{purchaseFlowError && <Text className="text-danger">{purchaseFlowError}</Text>}
<div className="flex">
{!application.hideOutboundSubscriptionLinks && (
<LinkButton className="mt-3 mr-3 min-w-20" label="Learn More" link={window.plansUrl as string} />
<LinkButton className="mr-3 mt-3 min-w-20" label="Learn More" link={window.plansUrl as string} />
)}
{application.hasAccount() && (
<Button className="mt-3 min-w-20" primary label="Subscribe" onClick={onPurchaseClick} />

2
packages/web/src/javascripts/Components/Preferences/Panes/Account/Subscription/SubscriptionInformation.tsx
View File

@@ -14,7 +14,7 @@ const SubscriptionInformation = () => {
return (
<>
<SubscriptionStatusText />
<Button className="mt-3 mr-3 min-w-20" label="Manage subscription" onClick={manageSubscription} />
<Button className="mr-3 mt-3 min-w-20" label="Manage subscription" onClick={manageSubscription} />
</>
)
}

4
packages/web/src/javascripts/Components/Preferences/Panes/Account/SubscriptionSharing/InvitationsList.tsx
View File

@@ -43,14 +43,14 @@ const InvitationsList = ({ subscriptionState, application }: Props) => {
}
if (usedInvitationsCount === 0) {
return <Text className="mt-1 mb-3">Make your first subscription invite below.</Text>
return <Text className="mb-3 mt-1">Make your first subscription invite below.</Text>
}
return (
<div>
<SubtitleLight className="mb-2 text-info">Active Invites</SubtitleLight>
{activeSubscriptions?.map((invitation) => (
<div key={invitation.uuid} className="mt-1 mb-4">
<div key={invitation.uuid} className="mb-4 mt-1">
<Text>
{invitation.inviteeIdentifier} <span className="text-info">({invitation.status})</span>
</Text>

2
packages/web/src/javascripts/Components/Preferences/Panes/Appearance/EditorAppearance.tsx
View File

@@ -125,7 +125,7 @@ const EditorDefaults = ({ application }: Props) => {
<Text>Sets the max editor width for all notes</Text>
<div className="mt-2">
<button
className="flex w-full min-w-55 items-center justify-between rounded border border-border bg-default py-1.5 px-3.5 text-left text-base text-foreground md:w-fit lg:text-sm"
className="flex w-full min-w-55 items-center justify-between rounded border border-border bg-default px-3.5 py-1.5 text-left text-base text-foreground md:w-fit lg:text-sm"
onClick={toggleEditorWidthModal}
>
{editorWidth === EditorLineWidth.FullWidth ? 'Full width' : editorWidth}

2
packages/web/src/javascripts/Components/Preferences/Panes/General/Advanced/OfflineSubscription.tsx
View File

@@ -125,7 +125,7 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application, onSuccess
)}
</div>
{(isSuccessfullyActivated || isSuccessfullyRemoved) && (
<div className={'info mt-3 mb-3'}>
<div className={'info mb-3 mt-3'}>
Your offline subscription code has been successfully {isSuccessfullyActivated ? 'activated' : 'removed'}
.
</div>

4
packages/web/src/javascripts/Components/Preferences/Panes/General/SmartViews/EditSmartViewModal.tsx
View File

@@ -96,7 +96,7 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
<div className="flex items-center gap-2.5">
<div className="text-sm font-semibold">Title:</div>
<input
className="rounded border border-border bg-default py-1 px-2"
className="rounded border border-border bg-default px-2 py-1"
value={title}
onChange={(event) => {
setTitle(event.target.value)
@@ -139,7 +139,7 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
<div className="text-sm font-semibold">Predicate:</div>
<div className="flex flex-grow flex-col overflow-hidden rounded-md border border-border">
<textarea
className="h-full min-h-[10rem] w-full flex-grow resize-none bg-default py-1.5 px-2.5 font-mono text-sm"
className="h-full min-h-[10rem] w-full flex-grow resize-none bg-default px-2.5 py-1.5 font-mono text-sm"
value={predicateJson}
onChange={(event) => {
setPredicateJson(event.target.value)

4
packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServer.tsx
View File

@@ -44,7 +44,7 @@ const HomeServer = () => {
<PreferencesGroup>
<Title>Remote access</Title>
<Subtitle>Accessing your home server while on the go is easy and secure with Tailscale.</Subtitle>
<ol className="mt-3 ml-3 list-outside list-decimal">
<ol className="ml-3 mt-3 list-outside list-decimal">
<li>
Register on{' '}
<a className="text-info" href="https://tailscale.com/">
@@ -73,7 +73,7 @@ const HomeServer = () => {
For automatic backups, you can place your server's data inside of a synced cloud folder, like Dropbox,
Tresorit, or iCloud Drive.
</Subtitle>
<ol className="mt-3 ml-3 list-outside list-decimal">
<ol className="ml-3 mt-3 list-outside list-decimal">
<li>Change your server's data location by selecting "Change Location" in the Home Server section above.</li>
<li className="mt-2">Select a cloud drive to store your server's data in.</li>
<li className="mt-2">Restart your home server.</li>

2
packages/web/src/javascripts/Components/Preferences/Panes/HomeServer/HomeServerSettings.tsx
View File

@@ -369,7 +369,7 @@ const HomeServerSettings = () => {
<div className={'mt-2 grid grid-cols-1 rounded-md border border-border p-4'}>
<div className="flex items-center">
<Icon
className={classNames('mr-1 -ml-1 h-5 w-5', PremiumFeatureIconClass)}
className={classNames('-ml-1 mr-1 h-5 w-5', PremiumFeatureIconClass)}
type={PremiumFeatureIconName}
/>
<h1 className="sk-h3 m-0 text-sm font-semibold">Activate Premium Features</h1>

2
packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionStatusItem.tsx
View File

@@ -8,7 +8,7 @@ type Props = {
}
const EncryptionStatusItem: FunctionComponent<Props> = ({ icon, status, checkmark = true }) => (
<div className="text-input min-h-8 no-border my-1 flex w-full flex-row items-center rounded bg-contrast py-1.5 px-3 focus-within:ring-info">
<div className="text-input min-h-8 no-border my-1 flex w-full flex-row items-center rounded bg-contrast px-3 py-1.5 focus-within:ring-info">
{icon}
<div className="min-h-1 min-w-3" />
<div className="flex-grow text-sm text-text">{status}</div>

10
packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx
View File

@@ -80,14 +80,14 @@ const ErroredItems: FunctionComponent = () => {
<Text>{`${erroredItems.length} items are errored and could not be decrypted.`}</Text>
<div className="flex">
<Button
className="mt-3 mr-2 min-w-20"
className="mr-2 mt-3 min-w-20"
label="Export all"
onClick={() => {
void application.getArchiveService().downloadEncryptedItems(erroredItems)
}}
/>
<Button
className="mt-3 mr-2 min-w-20"
className="mr-2 mt-3 min-w-20"
colorStyle="danger"
label="Delete all"
onClick={() => {
@@ -107,21 +107,21 @@ const ErroredItems: FunctionComponent = () => {
<Text>Last Modified: {item.updatedAtString}</Text>
<div className="flex">
<Button
className="mt-3 mr-2 min-w-20"
className="mr-2 mt-3 min-w-20"
label="Attempt decryption"
onClick={() => {
attemptDecryption(item)
}}
/>
<Button
className="mt-3 mr-2 min-w-20"
className="mr-2 mt-3 min-w-20"
label="Export"
onClick={() => {
void application.getArchiveService().downloadEncryptedItem(item)
}}
/>
<Button
className="mt-3 mr-2 min-w-20"
className="mr-2 mt-3 min-w-20"
colorStyle="danger"
label="Delete"
onClick={() => {

2
packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/AuthAppInfoPopup.tsx
View File

@@ -11,7 +11,7 @@ const AuthAppInfoTooltip = () => {
<HovercardAnchor store={infoHovercard}>
<Icon type="info" />
</HovercardAnchor>
<Hovercard store={infoHovercard} className=" max-w-76 rounded border border-border bg-default py-2 px-3 text-sm">
<Hovercard store={infoHovercard} className=" max-w-76 rounded border border-border bg-default px-3 py-2 text-sm">
Some apps, like Google Authenticator, do not back up and restore your secret keys if you lose your device or get
a new one.
</Hovercard>

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

@@ -28,7 +28,7 @@ const ContactItem = ({ contact }: Props) => {
<EditContactModal editContactUuid={contact.contactUuid} onCloseDialog={closeContactModal} />
</ModalOverlay>
<div className="bg-gray-100 flex flex-row gap-3.5 rounded-lg py-2.5 px-3.5 shadow-md">
<div className="bg-gray-100 flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 shadow-md">
<Icon type={'user'} 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">
<span

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

@@ -88,7 +88,7 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
close={handleDialogClose}
actions={modalActions}
>
<div className="px-4.5 pt-4 pb-1.5">
<div className="px-4.5 pb-1.5 pt-4">
<div className="flex w-full flex-col">
<div className="mb-3">
<DecoratedInput

2
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Invites/InviteItem.tsx
View File

@@ -37,7 +37,7 @@ const InviteItem = ({ inviteRecord }: Props) => {
<EditContactModal fromInvite={inviteRecord} onCloseDialog={closeAddContactModal} />
</ModalOverlay>
<div className="bg-gray-100 flex flex-row gap-3.5 rounded-lg py-2.5 px-3.5 shadow-md">
<div className="bg-gray-100 flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 shadow-md">
<Icon type={'archive'} 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">
<span className="mr-auto overflow-hidden text-ellipsis text-sm">Vault Name: {inviteData.metadata.name}</span>

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

@@ -107,7 +107,7 @@ const VaultItem = ({ vault }: Props) => {
<EditVaultModal existingVaultUuid={vault.uuid} onCloseDialog={closeVaultModal} />
</ModalOverlay>
<div className="bg-gray-100 flex flex-row gap-3.5 rounded-lg py-2.5 px-3.5 shadow-md">
<div className="bg-gray-100 flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 shadow-md">
<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">
<span className="mr-auto overflow-hidden text-ellipsis text-base font-bold">{vault.name}</span>

2
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/EditVaultModal.tsx
View File

@@ -175,7 +175,7 @@ const EditVaultModal: FunctionComponent<Props> = ({ onCloseDialog, existingVault
return (
<Modal title={existingVault ? 'Edit Vault' : 'Create New Vault'} close={handleDialogClose} actions={modalActions}>
<div className="px-4.5 pt-4 pb-1.5">
<div className="px-4.5 pb-1.5 pt-4">
<div className="flex w-full flex-col">
<div className="mb-3">
<div className="text-lg">Vault Info</div>

2
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalInvites.tsx
View File

@@ -29,7 +29,7 @@ export const VaultModalInvites = ({
{invites.map((invite) => {
const contact = application.contacts.findTrustedContactForInvite(invite)
return (
<div key={invite.uuid} className="bg-gray-100 flex flex-row gap-3.5 rounded-lg py-2.5 px-3.5 shadow-md">
<div key={invite.uuid} className="bg-gray-100 flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 shadow-md">
<Icon type={'user'} 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">
<span className="mr-auto overflow-hidden text-ellipsis text-base font-bold">

2
packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultModal/VaultModalMembers.tsx
View File

@@ -39,7 +39,7 @@ export const VaultModalMembers = ({
return (
<div
key={contact?.uuid || member.user_uuid}
className="bg-gray-100 flex flex-row gap-3.5 rounded-lg py-2.5 px-3.5 shadow-md"
className="bg-gray-100 flex flex-row gap-3.5 rounded-lg px-3.5 py-2.5 shadow-md"
>
<Icon type={'user'} 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">

2
packages/web/src/javascripts/Components/Preferences/PreferencesComponents/MenuItem.tsx
View File

@@ -13,7 +13,7 @@ interface Props {
const PreferencesMenuItem: FunctionComponent<Props> = ({ iconType, label, selected, onClick, hasBubble }) => (
<div
className={`preferences-menu-item box-border flex h-auto w-auto min-w-42 cursor-pointer select-none flex-row items-center justify-start rounded border border-solid py-2 px-4 text-sm hover:border-border hover:bg-default ${
className={`preferences-menu-item box-border flex h-auto w-auto min-w-42 cursor-pointer select-none flex-row items-center justify-start rounded border border-solid px-4 py-2 text-sm hover:border-border hover:bg-default ${
selected ? 'selected border-info font-bold text-info' : 'border-transparent'
}`}
onClick={(e) => {