diff --git a/src/settings/RealTimeUpdatesSettings.tsx b/src/settings/RealTimeUpdatesSettings.tsx index c9179036..8be3fced 100644 --- a/src/settings/RealTimeUpdatesSettings.tsx +++ b/src/settings/RealTimeUpdatesSettings.tsx @@ -25,8 +25,8 @@ const RealTimeUpdatesSettings = ( - - + + Real-time updates frequency (in minutes): )} - + ); diff --git a/src/settings/ShortUrlCreationSettings.tsx b/src/settings/ShortUrlCreationSettings.tsx index 902d3487..4c70e731 100644 --- a/src/settings/ShortUrlCreationSettings.tsx +++ b/src/settings/ShortUrlCreationSettings.tsx @@ -50,8 +50,8 @@ export const ShortUrlCreationSettings: FC = ({ settings, - - Tag suggestions search mode: + + Tag suggestions search mode: = ({ settings, {tagFilteringModeHint(shortUrlCreation.tagFilteringMode)} - + ); }; diff --git a/src/settings/ShortUrlsListSettings.tsx b/src/settings/ShortUrlsListSettings.tsx index 01ed2547..e7079e7f 100644 --- a/src/settings/ShortUrlsListSettings.tsx +++ b/src/settings/ShortUrlsListSettings.tsx @@ -1,5 +1,4 @@ import { FC } from 'react'; -import { FormGroup } from 'reactstrap'; import { OrderingDropdown } from '../utils/OrderingDropdown'; import { SHORT_URLS_ORDERABLE_FIELDS } from '../short-urls/data'; import { SimpleCard } from '../utils/SimpleCard'; @@ -14,13 +13,11 @@ export const ShortUrlsListSettings: FC = ( { settings: { shortUrlsList }, setShortUrlsListSettings }, ) => ( - - Default ordering for short URLs list: - setShortUrlsListSettings({ defaultOrdering: { field, dir } })} - /> - + Default ordering for short URLs list: + setShortUrlsListSettings({ defaultOrdering: { field, dir } })} + /> ); diff --git a/src/settings/TagsSettings.tsx b/src/settings/TagsSettings.tsx index 8575be07..ce6d9593 100644 --- a/src/settings/TagsSettings.tsx +++ b/src/settings/TagsSettings.tsx @@ -16,7 +16,7 @@ interface TagsProps { export const TagsSettings: FC = ({ settings: { tags }, setTagsSettings }) => ( - Default display mode when managing tags: + Default display mode when managing tags: capitalize(tagsMode)} @@ -24,13 +24,13 @@ export const TagsSettings: FC = ({ settings: { tags }, setTagsSetting /> Tags will be displayed as {tags?.defaultMode ?? 'cards'}. - - Default ordering for tags list: + + Default ordering for tags list: setTagsSettings({ ...tags, defaultOrdering: { field, dir } })} /> - + ); diff --git a/src/settings/VisitsSettings.tsx b/src/settings/VisitsSettings.tsx index 3bb58e88..0598cd16 100644 --- a/src/settings/VisitsSettings.tsx +++ b/src/settings/VisitsSettings.tsx @@ -1,4 +1,3 @@ -import { FormGroup } from 'reactstrap'; import { FC } from 'react'; import { SimpleCard } from '../utils/SimpleCard'; import { DateIntervalSelector } from '../utils/dates/DateIntervalSelector'; @@ -11,13 +10,11 @@ interface VisitsProps { export const VisitsSettings: FC = ({ settings, setVisitsSettings }) => ( - - Default interval to load on visits sections: - setVisitsSettings({ defaultInterval })} - /> - + Default interval to load on visits sections: + setVisitsSettings({ defaultInterval })} + /> ); diff --git a/src/short-urls/helpers/QrCodeModal.tsx b/src/short-urls/helpers/QrCodeModal.tsx index eef90c65..295f6778 100644 --- a/src/short-urls/helpers/QrCodeModal.tsx +++ b/src/short-urls/helpers/QrCodeModal.tsx @@ -3,7 +3,6 @@ import { Modal, FormGroup, ModalBody, ModalHeader, Row, Button } from 'reactstra import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faFileDownload as downloadIcon } from '@fortawesome/free-solid-svg-icons'; import { ExternalLink } from 'react-external-link'; -import classNames from 'classnames'; import { ShortUrlModalProps } from '../data'; import { SelectedServer } from '../../servers/data'; import { CopyToClipboardIcon } from '../../utils/CopyToClipboardIcon'; @@ -56,10 +55,8 @@ const QrCodeModal = (imageDownloader: ImageDownloader, ForServerVersion: FC - - Size: {size}px + + Size: {size}px {capabilities.marginIsSupported && ( - - Margin: {margin}px + + Margin: {margin}px = ( - { children, value, onChange, id, type, required, placeholder, className, labelClassName }, + { children, value, onChange, id, type, required, placeholder, className, labelClassName = '' }, ) => { const forId = useRef(id ?? uuid()); return ( - {children && {children}:} + {children}: