forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-08-03 01:21:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

First shlink-frontend-kit iteration

Browse Source
This commit is contained in:
Alejandro Celaya
2023-07-31 21:36:44 +02:00
parent 5ec5396da6
commit 99ce8c9f74
102 changed files with 152 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
shlink-web-component/short-urls/EditShortUrl.tsx
View File

@@ -5,8 +5,7 @@ import { useEffect, useMemo } from 'react';
import { ExternalLink } from 'react-external-link';
import { useLocation, useParams } from 'react-router-dom';
import { Button, Card } from 'reactstrap';
import { Message } from '../../src/utils/Message';
import { Result } from '../../src/utils/Result';
import { Message, Result } from '../../shlink-frontend-kit/src';
import { ShlinkApiError } from '../common/ShlinkApiError';
import { useGoBack } from '../utils/helpers/hooks';
import { parseQuery } from '../utils/helpers/query';

3
shlink-web-component/short-urls/ShortUrlForm.tsx
View File

@@ -8,8 +8,7 @@ import type { ChangeEvent, FC } from 'react';
import { useEffect, useState } from 'react';
import { Button, FormGroup, Input, Row } from 'reactstrap';
import type { InputType } from 'reactstrap/types/lib/Input';
import { Checkbox } from '../../src/utils/Checkbox';
import { SimpleCard } from '../../src/utils/SimpleCard';
import { Checkbox, SimpleCard } from '../../shlink-frontend-kit/src';
import type { DomainSelectorProps } from '../domains/DomainSelector';
import type { TagsSelectorProps } from '../tags/helpers/TagsSelector';
import { IconInput } from '../utils/components/IconInput';

5
shlink-web-component/short-urls/ShortUrlsFilteringBar.tsx
View File

@@ -4,9 +4,8 @@ import classNames from 'classnames';
import { isEmpty, pipe } from 'ramda';
import type { FC } from 'react';
import { Button, InputGroup, Row, UncontrolledTooltip } from 'reactstrap';
import type { OrderDir } from '../../src/utils/helpers/ordering';
import { OrderingDropdown } from '../../src/utils/OrderingDropdown';
import { SearchField } from '../../src/utils/SearchField';
import type { OrderDir } from '../../shlink-frontend-kit/src';
import { OrderingDropdown, SearchField } from '../../shlink-frontend-kit/src';
import type { TagsSelectorProps } from '../tags/helpers/TagsSelector';
import { DateRangeSelector } from '../utils/dates/DateRangeSelector';
import { formatIsoDate } from '../utils/dates/helpers/date';

4
shlink-web-component/short-urls/ShortUrlsList.tsx
View File

@@ -2,9 +2,9 @@ import { pipe } from 'ramda';
import { useEffect, useState } from 'react';
import { useLocation, useParams } from 'react-router-dom';
import { Card } from 'reactstrap';
import type { OrderDir } from '../../shlink-frontend-kit/src';
import { determineOrderDir } from '../../shlink-frontend-kit/src';
import { DEFAULT_SHORT_URLS_ORDERING } from '../../src/settings/reducers/settings';
import type { OrderDir } from '../../src/utils/helpers/ordering';
import { determineOrderDir } from '../../src/utils/helpers/ordering';
import type { ShlinkShortUrlsListParams, ShlinkShortUrlsOrder } from '../api-contract';
import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
import { Topics } from '../mercure/helpers/Topics';

2
shlink-web-component/short-urls/UseExistingIfFoundInfoIcon.tsx
View File

@@ -1,7 +1,7 @@
import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
import { useToggle } from '../utils/helpers/hooks';
import { useToggle } from '../../shlink-frontend-kit/src';
import './UseExistingIfFoundInfoIcon.scss';
const InfoModal = ({ isOpen, toggle }: { isOpen: boolean; toggle: () => void }) => (

2
shlink-web-component/short-urls/data/index.ts
View File

@@ -1,4 +1,4 @@
import type { Order } from '../../../src/utils/helpers/ordering';
import type { Order } from '../../../shlink-frontend-kit/src';
import type { ShlinkVisitsSummary } from '../../api-contract';
import type { Nullable, OptionalString } from '../../utils/helpers';

2
shlink-web-component/short-urls/helpers/CreateShortUrlResult.tsx
View File

@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { useEffect } from 'react';
import CopyToClipboard from 'react-copy-to-clipboard';
import { Tooltip } from 'reactstrap';
import { Result } from '../../../src/utils/Result';
import { Result } from '../../../shlink-frontend-kit/src';
import { ShlinkApiError } from '../../common/ShlinkApiError';
import type { TimeoutToggle } from '../../utils/helpers/hooks';
import type { ShortUrlCreation } from '../reducers/shortUrlCreation';

2
shlink-web-component/short-urls/helpers/DeleteShortUrlModal.tsx
View File

@@ -1,7 +1,7 @@
import { pipe } from 'ramda';
import { useEffect, useState } from 'react';
import { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { Result } from '../../../src/utils/Result';
import { Result } from '../../../shlink-frontend-kit/src';
import { isInvalidDeletionError } from '../../api-contract/utils';
import { ShlinkApiError } from '../../common/ShlinkApiError';
import { handleEventPreventingDefault } from '../../utils/helpers';

2
shlink-web-component/short-urls/helpers/ExportShortUrlsBtn.tsx
View File

@@ -1,8 +1,8 @@
import type { FC } from 'react';
import { useCallback } from 'react';
import { useToggle } from '../../../shlink-frontend-kit/src';
import type { ShlinkApiClient } from '../../api-contract';
import { ExportBtn } from '../../utils/components/ExportBtn';
import { useToggle } from '../../utils/helpers/hooks';
import type { ReportExporter } from '../../utils/services/ReportExporter';
import type { ShortUrl } from '../data';
import { useShortUrlsQuery } from './hooks';

2
shlink-web-component/short-urls/helpers/ShortUrlFormCheckboxGroup.tsx
View File

@@ -1,5 +1,5 @@
import type { ChangeEvent, FC, PropsWithChildren } from 'react';
import { Checkbox } from '../../../src/utils/Checkbox';
import { Checkbox } from '../../../shlink-frontend-kit/src';
import { InfoTooltip } from '../../utils/components/InfoTooltip';
type ShortUrlFormCheckboxGroupProps = PropsWithChildren<{

2
shlink-web-component/short-urls/helpers/ShortUrlStatus.tsx
View File

@@ -4,8 +4,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { isBefore } from 'date-fns';
import type { FC, ReactNode } from 'react';
import { UncontrolledTooltip } from 'reactstrap';
import { useElementRef } from '../../../shlink-frontend-kit/src';
import { formatHumanFriendly, now, parseISO } from '../../utils/dates/helpers/date';
import { useElementRef } from '../../utils/helpers/hooks';
import type { ShortUrl } from '../data';
interface ShortUrlStatusProps {

2
shlink-web-component/short-urls/helpers/ShortUrlVisitsCount.tsx
View File

@@ -2,8 +2,8 @@ import { faInfoCircle as infoIcon } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import classNames from 'classnames';
import { UncontrolledTooltip } from 'reactstrap';
import { useElementRef } from '../../../shlink-frontend-kit/src';
import { formatHumanFriendly, parseISO } from '../../utils/dates/helpers/date';
import { useElementRef } from '../../utils/helpers/hooks';
import { prettify } from '../../utils/helpers/numbers';
import type { ShortUrl } from '../data';
import { ShortUrlDetailLink } from './ShortUrlDetailLink';

2
shlink-web-component/short-urls/helpers/ShortUrlsFilterDropdown.tsx
View File

@@ -1,5 +1,5 @@
import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../src/utils/DropdownBtn';
import { DropdownBtn } from '../../../shlink-frontend-kit/src';
import { hasValue } from '../../utils/helpers';
import type { ShortUrlsFilter } from '../data';

3
shlink-web-component/short-urls/helpers/ShortUrlsRowMenu.tsx
View File

@@ -7,8 +7,7 @@ import {
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import type { FC } from 'react';
import { DropdownItem } from 'reactstrap';
import { RowDropdownBtn } from '../../../src/utils/RowDropdownBtn';
import { useToggle } from '../../utils/helpers/hooks';
import { RowDropdownBtn, useToggle } from '../../../shlink-frontend-kit/src';
import type { ShortUrl, ShortUrlModalProps } from '../data';
import { ShortUrlDetailLink } from './ShortUrlDetailLink';

2
shlink-web-component/short-urls/helpers/hooks.ts
View File

@@ -1,7 +1,7 @@
import { isEmpty, pipe } from 'ramda';
import { useCallback, useMemo } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import { orderToString, stringToOrder } from '../../../src/utils/helpers/ordering';
import { orderToString, stringToOrder } from '../../../shlink-frontend-kit/src';
import type { TagsFilteringMode } from '../../api-contract';
import type { BooleanString } from '../../utils/helpers';
import { parseOptionalBooleanToString } from '../../utils/helpers';

2
shlink-web-component/short-urls/helpers/qr-codes/QrErrorCorrectionDropdown.tsx
View File

@@ -1,6 +1,6 @@
import type { FC } from 'react';
import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../../src/utils/DropdownBtn';
import { DropdownBtn } from '../../../../shlink-frontend-kit/src';
import type { QrErrorCorrection } from '../../../utils/helpers/qrCodes';
interface QrErrorCorrectionDropdownProps {

2
shlink-web-component/short-urls/helpers/qr-codes/QrFormatDropdown.tsx
View File

@@ -1,6 +1,6 @@
import type { FC } from 'react';
import { DropdownItem } from 'reactstrap';
import { DropdownBtn } from '../../../../src/utils/DropdownBtn';
import { DropdownBtn } from '../../../../shlink-frontend-kit/src';
import type { QrCodeFormat } from '../../../utils/helpers/qrCodes';
interface QrFormatDropdownProps {