Extract shlink-web-component outside of src folder

shlink-web-component/short-urls/helpers/ShortUrlsRowMenu.tsx

@@ -0,0 +1,52 @@
+import {
+  faChartPie as pieChartIcon,
+  faEdit as editIcon,
+  faMinusCircle as deleteIcon,
+  faQrcode as qrIcon,
+} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { FC } from 'react';
+import { DropdownItem } from 'reactstrap';
+import { useToggle } from '../../../src/utils/helpers/hooks';
+import { RowDropdownBtn } from '../../../src/utils/RowDropdownBtn';
+import type { ShortUrl, ShortUrlModalProps } from '../data';
+import { ShortUrlDetailLink } from './ShortUrlDetailLink';
+
+interface ShortUrlsRowMenuProps {
+  shortUrl: ShortUrl;
+}
+type ShortUrlModal = FC<ShortUrlModalProps>;
+
+export const ShortUrlsRowMenu = (
+  DeleteShortUrlModal: ShortUrlModal,
+  QrCodeModal: ShortUrlModal,
+) => ({ shortUrl }: ShortUrlsRowMenuProps) => {
+  const [isQrModalOpen,, openQrCodeModal, closeQrCodeModal] = useToggle();
+  const [isDeleteModalOpen,, openDeleteModal, closeDeleteModal] = useToggle();
+
+  return (
+    <RowDropdownBtn minWidth={190}>
+      <DropdownItem tag={ShortUrlDetailLink} shortUrl={shortUrl} suffix="visits">
+        <FontAwesomeIcon icon={pieChartIcon} fixedWidth /> Visit stats
+      </DropdownItem>
+
+      <DropdownItem tag={ShortUrlDetailLink} shortUrl={shortUrl} suffix="edit">
+        <FontAwesomeIcon icon={editIcon} fixedWidth /> Edit short URL
+      </DropdownItem>
+
+      <DropdownItem onClick={openQrCodeModal}>
+        <FontAwesomeIcon icon={qrIcon} fixedWidth /> QR code
+      </DropdownItem>
+      <QrCodeModal shortUrl={shortUrl} isOpen={isQrModalOpen} toggle={closeQrCodeModal} />
+
+      <DropdownItem divider />
+
+      <DropdownItem className="dropdown-item--danger" onClick={openDeleteModal}>
+        <FontAwesomeIcon icon={deleteIcon} fixedWidth /> Delete short URL
+      </DropdownItem>
+      <DeleteShortUrlModal shortUrl={shortUrl} isOpen={isDeleteModalOpen} toggle={closeDeleteModal} />
+    </RowDropdownBtn>
+  );
+};
+
+export type ShortUrlsRowMenuType = ReturnType<typeof ShortUrlsRowMenu>;