@digi-frontend/dgate-api-documentation 1.0.1 → 1.0.4

package/src/assets/icons/close-circle.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.17188 14.8319L14.8319 9.17188" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.8319 14.8319L9.17188 9.17188" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/copy.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 6.45V8.55C8 10.3 7.3 11 5.55 11H3.45C1.7 11 1 10.3 1 8.55V6.45C1 4.7 1.7 4 3.45 4H5.55C7.3 4 8 4.7 8 6.45Z" stroke="#6B7280" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11 3.45V5.55C11 7.3 10.3 8 8.55 8H8V6.45C8 4.7 7.3 4 5.55 4H4V3.45C4 1.7 4.7 1 6.45 1H8.55C10.3 1 11 1.7 11 3.45Z" stroke="#6B7280" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/document.svg

@@ -1,6 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 4.66536V11.332C14 13.332 13 14.6654 10.6667 14.6654H5.33333C3 14.6654 2 13.332 2 11.332V4.66536C2 2.66536 3 1.33203 5.33333 1.33203H10.6667C13 1.33203 14 2.66536 14 4.66536Z" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.66797 3V4.33333C9.66797 5.06667 10.268 5.66667 11.0013 5.66667H12.3346" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33203 8.66797H7.9987" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33203 11.332H10.6654" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/eye.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/infoIcon.svg

@@ -1,5 +0,0 @@
-<svg width="67" height="67" viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33.5 66C51.4493 66 66 51.4493 66 33.5C66 15.5507 51.4493 1 33.5 1C15.5507 1 1 15.5507 1 33.5C1 51.4493 15.5507 66 33.5 66Z" stroke="#FAAD14" stroke-width="1.5"/>
-<line x1="33.5" y1="30" x2="33.5" y2="42" stroke="#FAAD14" stroke-width="2" stroke-linecap="round"/>
-<path d="M35 25.5C35 26.3284 34.3284 27 33.5 27C32.6716 27 32 26.3284 32 25.5C32 24.6716 32.6716 24 33.5 24C34.3284 24 35 24.6716 35 25.5Z" fill="#FAAD14"/>
-</svg>

package/src/assets/icons/searchIcon.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.66536 14.4987C3.8987 14.4987 0.832031 11.432 0.832031 7.66536C0.832031 3.8987 3.8987 0.832031 7.66536 0.832031C11.432 0.832031 14.4987 3.8987 14.4987 7.66536C14.4987 11.432 11.432 14.4987 7.66536 14.4987ZM7.66536 1.83203C4.44536 1.83203 1.83203 4.45203 1.83203 7.66536C1.83203 10.8787 4.44536 13.4987 7.66536 13.4987C10.8854 13.4987 13.4987 10.8787 13.4987 7.66536C13.4987 4.45203 10.8854 1.83203 7.66536 1.83203Z" fill="#8390A2"/>
-<path d="M14.6676 15.1676C14.5409 15.1676 14.4143 15.1209 14.3143 15.0209L12.9809 13.6876C12.7876 13.4943 12.7876 13.1743 12.9809 12.9809C13.1743 12.7876 13.4943 12.7876 13.6876 12.9809L15.0209 14.3143C15.2143 14.5076 15.2143 14.8276 15.0209 15.0209C14.9209 15.1209 14.7943 15.1676 14.6676 15.1676Z" fill="#8390A2"/>
-</svg>

package/src/components/JsonInput/JsonInput.tsx

@@ -1,149 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import yaml from 'js-yaml'
-import styles from './style.module.scss'
-import regex from '../../constants/regex'
-
-const errorMapping = {
-  BOTH: 'Invalid JSON or YAML format',
-  JSON: 'Invalid JSON format',
-  YML: 'Invalid YAML format',
-}
-
-const JsonInput = ({
-  placeholder,
-  label,
-  value,
-  onValidation,
-  onChange,
-  dataId,
-  className = '',
-  errorMessage,
-  acceptType = 'BOTH',
-  fieldIsDisabled,
-  withFooter = true,
-}) => {
-  const [isValid, setIsValid] = useState()
-  const [disabledBeautify, setDisabledBeautify] = useState(true)
-
-  const handlePrettify = (e) => {
-    if (value === '') return
-    e.preventDefault()
-    try {
-      let prettifiedData
-      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {
-        // If it's valid JSON, prettify JSON
-        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)
-      } else if (acceptType === 'BOTH' || acceptType === 'YML') {
-        // If it's not valid JSON, prettify YAML
-        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })
-      }
-      onChange(prettifiedData)
-      setIsValid(true) // Reset validity status
-    } catch (error) {
-      console.error(error)
-      setIsValid(false)
-    }
-  }
-
-  // Function to check if input is valid JSON
-  const isValidJson = (str) => {
-    try {
-      JSON.parse(str)
-      return true
-    } catch (error) {
-      return false
-    }
-  }
-
-  const checkIsValid = () => {
-    if (acceptType === 'BOTH' || acceptType === 'JSON') {
-      return isValidJson(value)
-    } else if (acceptType === 'BOTH' || acceptType === 'YML') {
-      try {
-        // Try parsing as YAML
-        yaml.load(value)
-        return true
-      } catch (error) {
-        console.error(error)
-        return false
-      }
-    }
-  }
-
-  useEffect(() => {
-    try {
-      handlePrettify(value)
-    } catch {}
-  }, [])
-
-  return (
-    <div
-      className={`${styles['json-editor-container']} ${className} ${
-        fieldIsDisabled ? styles.disabled : ''
-      }`}
-    >
-      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}
-      <div
-        className={`${styles['json-editor']} ${
-          value !== '' && isValid === false ? styles.invalid : ''
-        }`}
-      >
-        <textarea
-          disabled={fieldIsDisabled}
-          data-id={dataId}
-          value={value}
-          onChange={(e) => {
-            if (fieldIsDisabled) return
-            if (regex.ASCII.test(e.target.value)) {
-              setIsValid(undefined)
-              setDisabledBeautify(true)
-              onChange(e.target.value)
-            }
-          }}
-          onPaste={(e) => {
-            if (fieldIsDisabled) return
-            if (regex.ASCII.test(e.target.value)) {
-              setIsValid(undefined)
-              setDisabledBeautify(true)
-              onChange(e.target.value)
-            }
-          }}
-          min="1"
-          placeholder={placeholder}
-        />
-        {withFooter && (
-          <div className={`${styles['actions-container']}`}>
-            <button
-              type="button"
-              className={styles.validate}
-              onClick={() => {
-                const valid = checkIsValid()
-                setIsValid(valid)
-                onValidation(valid)
-                setDisabledBeautify(!checkIsValid())
-              }}
-              data-id={`${dataId}-VALIDATE-BUTTON`}
-              disabled={value === ''}
-            >
-              Validate
-            </button>
-            <button
-              type="button"
-              disabled={value === '' || disabledBeautify}
-              data-id={`${dataId}-BEAUTIFY-BUTTON`}
-              className={styles.beautify}
-              onClick={handlePrettify}
-            >
-              Beautify
-            </button>
-          </div>
-        )}
-      </div>
-      {(errorMessage || (value !== '' && isValid === false)) && (
-        <p className={styles['error-message']}>{errorMessage || errorMapping[acceptType]}</p>
-      )}
-    </div>
-  )
-}
-
-export default JsonInput

package/src/components/JsonInput/style.module.scss

@@ -1,133 +0,0 @@
-.json-editor-container {
-  overflow: hidden;
-  border-bottom-right-radius: 0.3125rem;
-  border-bottom-left-radius: 0.3125rem;
-
-  .json-editor-label {
-    font-size: 0.875rem;
-    font-weight: 600;
-    line-height: 1.25rem;
-    margin-bottom: 0.3125rem;
-  }
-
-  .json-editor {
-    display: flex;
-    flex-direction: column;
-    background-color: #142452;
-    width: 100%;
-    outline: 1px solid transparent;
-    position: relative;
-    overflow: hidden;
-
-    .actions-container {
-      width: 100%;
-      height: 5rem;
-      padding: 1.25rem;
-      border-radius: 0 0 0.3125rem 0.3125rem;
-      background: #101e47;
-      display: flex;
-      flex-direction: row;
-      gap: 1.25rem;
-      align-items: center;
-
-      .validate {
-        color: #fff;
-        text-align: center;
-        font-size: 1rem;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 1.25rem;
-        width: 8.75rem;
-        padding: 0.625rem 2.25rem;
-        background-color: rgba(240, 248, 255, 0);
-        border-radius: 0.3125rem;
-        border: 0.0625rem solid #4d75d8;
-        cursor: pointer;
-
-        &:disabled {
-          color: #babdcc;
-          border-color: #a2a5b6;
-        }
-      }
-
-      .beautify {
-        color: #fff;
-        text-align: center;
-        font-size: 1rem;
-        font-style: normal;
-        font-weight: 600;
-        line-height: 1.25rem;
-        width: 8.75rem;
-        padding: 0.625rem 2.25rem;
-        background-color: rgba(240, 248, 255, 0);
-        border-radius: 0.3125rem;
-        border: 1px solid #babdcc;
-        cursor: pointer;
-
-        &:disabled {
-          color: #a2a5b6;
-          border-color: #a2a5b6;
-        }
-      }
-    }
-
-    textarea {
-      width: 100%;
-      padding: 1.25rem;
-      font-size: 0.875rem;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.25rem;
-      color: white;
-      height: 25rem;
-      background-color: #142452;
-      border: none;
-      resize: none;
-
-      &:focus,
-      &:focus-within,
-      &:focus-visible &:active {
-        outline: none;
-        border: none;
-      }
-
-      &::-webkit-scrollbar {
-        width: 0.5rem;
-      }
-
-      &::-webkit-scrollbar-track {
-        background-color: #828699;
-        border: none;
-        border-color: transparent;
-        border-top-left-radius: 0;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background-color: #d8dae5;
-        border: none;
-        border-color: transparent;
-        border-radius: 0;
-      }
-    }
-
-    &.invalid {
-      outline: 1px solid #ce2828 !important;
-    }
-  }
-
-  .error-message {
-    color: #ce2828;
-    font-size: 0.75rem;
-    line-height: 1.25rem;
-    margin-top: 0.625rem;
-  }
-
-  &.disabled {
-    .json-editor {
-      textarea {
-        background-color: white;
-        color: #12131a;
-      }
-    }
-  }
-}

package/src/components/table/tags-table.tsx

@@ -1,348 +0,0 @@
-import { useEffect, useState } from 'react'
-import './style.scss'
-import _styles from '../InfoForm/InfoForm.module.scss'
-import { Button, Input, TextArea } from 'digitinary-ui'
-import Tooltip from '../Tooltip/Tooltip'
-import SVGLoader from '../SVGLoader/SVGLoader'
-import { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'
-import styles from '../MethodAccordion/MethodAccordion.module.scss'
-import { useFormik } from 'formik'
-import * as yup from 'yup'
-import regex from '../../constants/regex'
-
-const TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow, readOnly }) => {
-  const [text, setText] = useState('')
-  const [externalDesc, setExternalDesc] = useState('')
-  const [externalUrl, setExternalUrl] = useState('')
-  const [tooltipRef, setTooltipRef] = useState(null)
-  const [externalTooltipRefs, setExternalTooltipRefs] = useState(null)
-  const { values, errors, setFieldValue, isValid, submitForm, resetForm,dirty } = useFormik({
-    validateOnMount: true,
-    initialValues: {
-      name: '',
-      description: '',
-      externalDocs: {
-        url: '',
-        description: '',
-      },
-    },
-    validationSchema: yup.object().shape({
-      name: yup.string().trim().required('Tag name is required'),
-      description: yup.string().optional(),
-      externalDocs: yup
-        .object()
-        .shape({
-          url: yup
-            .string()
-            .trim()
-            .matches(regex.urlRegex, 'Invalid URL')
-            .when('description', (description, schema) => {
-              return description?.at(0)
-                ? schema.required('URL is required when description is provided')
-                : schema.optional()
-            }),
-          description: yup.string().trim().optional(),
-        })
-        .optional(),
-    }),
-    onSubmit: (values) => {
-      saveNewRow(values)
-      setText('')
-      resetForm()
-      setIsFormOpen(false)
-    },
-    validateOnChange: true,
-  })
-
-  return (
-    <div className="tableSectionContainer">
-      <div className="tableContainer">
-        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>
-          <thead className="tableHead">
-            <tr>
-              {headCells?.map((headCell) => (
-                <th
-                  key={headCell.id}
-                  className={`tableHeadCell ${headCell.classes || ''}`}
-                  style={{ width: headCell.width, minWidth: headCell.minWidth }}
-                >
-                  <div
-                    className="headContainer"
-                    data-id={`${
-                      typeof headCell.label === 'string'
-                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')
-                        : 'UNKNOWN_LABEL'
-                    }_COLUMN`}
-                  >
-                    {headCell.label}
-                  </div>
-                </th>
-              ))}
-            </tr>
-          </thead>
-          <tbody className="tableBody" data-id="TABLE_BODY">
-            {data?.map((row, rowIndex) => {
-              return (
-                <tr key={rowIndex} data-i={rowIndex} className={`row`}>
-                  {headCells?.map((headCell) => {
-                    const cellContent = row[headCell.id] !== '_' && (
-                      <div
-                        data-id="TEXT_DESCRIPTION"
-                        className="tableData"
-                        style={{
-                          width: headCell.width,
-                          minWidth: headCell.minWidth,
-                        }}
-                      >
-                        {row[headCell.id]}
-                      </div>
-                    )
-
-                    return (
-                      <td
-                        key={headCell.id}
-                        style={{
-                          width: headCell.width,
-                          minWidth: headCell.minWidth,
-                        }}
-                      >
-                        {cellContent}
-                      </td>
-                    )
-                  })}
-                </tr>
-              )
-            })}
-            {isFormOpen ? (
-              <tr key={''} data-i={''} className={`row`}>
-                <td key={'tag name'}>
-                  <div data-id="TEXT_DESCRIPTION" className="tableData">
-                    <Input
-                      placeholder="Tag name"
-                      size="large"
-                      type="text"
-                      maxLength={25}
-                      onChange={(value) => {
-                        !regex.basic.test(value) && setFieldValue('name', value)
-                      }} // Pass the value directly
-                      value={values.name} // Bind value to the state
-                      disabled={readOnly}
-                    />
-                  </div>
-                </td>
-
-                <td key={'tagDescRequired'}>
-                  <div data-id="TEXT_DESCRIPTION" className="tableData">
-                    <div className={styles.paramDescContainer}>
-                      <Tooltip
-                        arrowWithBorder
-                        placement="bottom-end"
-                        type="function"
-                        trigger="click"
-                        delay={[0, 0]}
-                        onCreate={(instance) => setTooltipRef(instance)}
-                        onShow={() => {
-                          setText(values.description || '') // Reset to current value when shown
-                        }}
-                        onHidden={() => {
-                          setText(values.description || '') // Reset on close
-                        }}
-                        content={
-                          <div className={_styles.editDescTooltipContent}>
-                            <p className={_styles.editDescTooltipContent_header}>Description</p>
-                            <TextArea
-                              value={text || values.description}
-                              disabled={readOnly}
-                              maxLength={25}
-                              placeholder="Describe Tag..."
-                              onChange={(value) => {
-                                if (value === '' || regex.ASCII.test(value)) setText(value)
-                              }}
-                            />
-                            {!readOnly && (
-                              <Button
-                                className={_styles.editDescTooltipContent_btn}
-                                variant="outlined"
-                                size="small"
-                                onClick={() => {
-                                  setFieldValue('description', text?.trim())
-                                  tooltipRef?.hide()
-                                }}
-                                disabled={!(text || values.description)?.trim()}
-                              >
-                                Apply
-                              </Button>
-                            )}
-                          </div>
-                        }
-                      >
-                        <Button
-                          className={_styles.editDescBtn}
-                          style={{ paddingLeft: 0 }}
-                          variant="link"
-                          color="action"
-                          endIcon={<SVGLoader src={EditIcon} width="1.5rem" height="1.5rem" />}
-                        >
-                          {readOnly ? 'View ' : 'Add '} Description
-                        </Button>
-                      </Tooltip>
-                    </div>{' '}
-                  </div>
-                </td>
-                <td key={'tagExternal'}>
-                  <div className="tableData">
-                    <div className={_styles.paramDescContainer}>
-                      <Tooltip
-                        arrowWithBorder
-                        placement="bottom-end"
-                        type="function"
-                        trigger="click"
-                        delay={[0, 0]}
-                        onCreate={(instance) => setExternalTooltipRefs(instance)}
-                        onShow={() => {
-                          setExternalDesc(values.externalDocs.description || '')
-                          setExternalUrl(values.externalDocs.url || '')
-                        }}
-                        onHidden={() => {
-                          setExternalDesc(values.externalDocs.description || '')
-                          setExternalUrl(values.externalDocs.url || '')
-                        }}
-                        content={
-                          <div className={_styles.editDescTooltipContent}>
-                            <p className={_styles.editDescTooltipContent_header}>
-                              External Docs Description
-                            </p>
-                            <TextArea
-                              placeholder="Describe External Doc..."
-                              value={externalDesc || values.externalDocs.description}
-                              disabled={readOnly}
-                              maxLength={25}
-                              onChange={(value) => {
-                                if (value === '' || regex.ASCII.test(value)) setExternalDesc(value)
-                              }}
-                            />
-                            <p className={_styles.editDescTooltipContent_header}>
-                              External Docs Link
-                            </p>
-                            <TextArea
-                              placeholder="External Docs Link..."
-                              restrictedCharsRegex={regex.urlRegex}
-                              value={externalUrl || values.externalDocs.url}
-                              disabled={readOnly}
-                              maxLength={200}
-                              onChange={(value) => {
-                                if (value === '' || regex.ASCII.test(value)) setExternalUrl(value)
-                              }}
-                            />
-                            {!readOnly && (
-                              <Button
-                                className={_styles.editDescTooltipContent_btn}
-                                variant="outlined"
-                                size="small"
-                                onClick={() => {
-                                  setFieldValue(`externalDocs`, {
-                                    description: externalDesc,
-                                    url: externalUrl,
-                                  })
-
-                                  externalTooltipRefs?.hide()
-                                }}
-                                disabled={
-                                  !(externalUrl || values.externalDocs.url)?.trim() ||
-                                  !regex.urlRegex.test(externalUrl || values.externalDocs.url)
-                                }
-                              >
-                                Apply
-                              </Button>
-                            )}
-                          </div>
-                        }
-                      >
-                        {readOnly ? (
-                          <a
-                            className={_styles.editDescBtn}
-                            variant="link"
-                            color="action"
-                            href={values.externalDocs?.url}
-                            target="_blank"
-                          >
-                            {values?.externalDocs?.description
-                              ? values?.externalDocs?.description?.substring(0, 12)
-                              : '-'}
-                            {values?.externalDocs?.description &&
-                            values?.externalDocs?.description?.length > 12
-                              ? '...'
-                              : ''}
-                          </a>
-                        ) : (
-                          <Button
-                            className={_styles.editDescBtn}
-                            variant="link"
-                            color="action"
-                            endIcon={<SVGLoader src={EditIcon} width="1.5rem" height="1.5rem" />}
-                          >
-                            {readOnly ? 'View ' : 'Add '} External Docs Link
-                          </Button>
-                        )}
-                      </Tooltip>
-                      <div className={_styles.paramDescContainer_separator}></div>
-                      {!readOnly && (
-                        <Button
-                          className={_styles.deleteParamBtn}
-                          variant="link"
-                          color="error"
-                          endIcon={
-                            <SVGLoader src={DeleteIcon} width="1.125rem" height="1.125rem" />
-                          }
-                          onClick={() => {
-                            resetForm()
-                            setText('')
-                            setIsFormOpen(false)
-                          }} // Correctly delete the new row
-                        />
-                      )}
-
-                      {!readOnly && (
-                        <Button
-                          className={_styles.deleteParamBtn}
-                          variant="link"
-                          color="success"
-                          disabled={!isValid || !dirty}
-                          endIcon={<SVGLoader src={AddRow} width="0.125rem" height="0.125rem" />}
-                          onClick={() => {
-                            setText('')
-                            submitForm()
-                          }} // Save the new row when clicked
-                        />
-                      )}
-                    </div>
-                  </div>
-                </td>
-              </tr>
-            ) : (
-              <>
-                {!readOnly && (
-                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>
-                    <td colSpan={5}>
-                      <Button
-                        variant="link"
-                        color="primary"
-                        onClick={() => {
-                          setIsFormOpen((prev) => !prev)
-                        }}
-                      >
-                        + Add Tag
-                      </Button>
-                    </td>
-                  </tr>
-                )}
-              </>
-            )}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-}
-
-export default TagsTable