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 = (
|
-
-
- |
@@ -73,6 +70,9 @@ export const ShortUrlsRow = (
active={active}
/>
|
+
+
+ |
|