diff --git a/src/short-urls/ShortUrlsTable.tsx b/src/short-urls/ShortUrlsTable.tsx index a1018e95..4448af12 100644 --- a/src/short-urls/ShortUrlsTable.tsx +++ b/src/short-urls/ShortUrlsTable.tsx @@ -65,7 +65,6 @@ export const ShortUrlsTable = (ShortUrlsRow: ShortUrlsRowType) => ({ Created at {renderOrderIcon?.('dateCreated')} - Short URL {renderOrderIcon?.('shortCode')} @@ -82,7 +81,7 @@ export const ShortUrlsTable = (ShortUrlsRow: ShortUrlsRowType) => ({ Visits {renderOrderIcon?.('visits')} -   + diff --git a/src/short-urls/helpers/ShortUrlStatus.tsx b/src/short-urls/helpers/ShortUrlStatus.tsx index 82e61b65..11372206 100644 --- a/src/short-urls/helpers/ShortUrlStatus.tsx +++ b/src/short-urls/helpers/ShortUrlStatus.tsx @@ -15,7 +15,7 @@ interface ShortUrlStatusProps { interface StatusResult { icon: IconDefinition; className: string; - description?: ReactNode; + description: ReactNode; } const resolveShortUrlStatus = (shortUrl: ShortUrl): StatusResult => { @@ -65,6 +65,7 @@ const resolveShortUrlStatus = (shortUrl: ShortUrl): StatusResult => { return { icon: faCheck, className: 'text-primary', + description: 'This short URL can be visited normally.', }; }; @@ -81,11 +82,9 @@ export const ShortUrlStatus: FC = ({ shortUrl }) => { > - {description && ( - tooltipRef.current) as any} placement="right"> - {description} - - )} + tooltipRef.current) as any} placement="bottom"> + {description} + ); }; diff --git a/src/short-urls/helpers/ShortUrlsRow.tsx b/src/short-urls/helpers/ShortUrlsRow.tsx index b97b3c57..ae942518 100644 --- a/src/short-urls/helpers/ShortUrlsRow.tsx +++ b/src/short-urls/helpers/ShortUrlsRow.tsx @@ -37,9 +37,6 @@ export const ShortUrlsRow = (