aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/SubscriberTable/SubscriberTable.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/SubscriberTable/SubscriberTable.tsx')
-rw-r--r--src/components/SubscriberTable/SubscriberTable.tsx12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/components/SubscriberTable/SubscriberTable.tsx b/src/components/SubscriberTable/SubscriberTable.tsx
index c308aee..6a73f71 100644
--- a/src/components/SubscriberTable/SubscriberTable.tsx
+++ b/src/components/SubscriberTable/SubscriberTable.tsx
@@ -1,5 +1,6 @@
"use client";
import React, { useState } from "react";
+import Link from "next/link";
import ChannelRow from "./SubscriberTableRow";
interface ChannelDataProp {
@@ -20,7 +21,7 @@ interface SubscriberDataTableProp {
timestamp: string;
}
-type SortKey = keyof ChannelDataProp | "rank";
+type SortKey = keyof ChannelDataProp | 'rank';
const DataTable = ({ channel_data, timestamp }: SubscriberDataTableProp) => {
const [sortKey, setSortKey] = useState<SortKey>("subscribers");
@@ -73,6 +74,13 @@ const DataTable = ({ channel_data, timestamp }: SubscriberDataTableProp) => {
<p className="text-gray-500 text-sm">
Updated Hourly. Retrieved at: {timestamp}
</p>
+ <Link href="/twitch">
+ <button
+ className="mt-4 px-4 py-2 bg-black text-white font-semibold rounded-md hover:bg-gray-800 transition-colors"
+ >
+ Looking for &#34;The Twitch Table&#34;?
+ </button>
+ </Link>
</div>
<div className="px-2 sm:px-48 py-4 sm:py-8 relative rounded-l text-left overflow-auto">
<table className="w-full text-m sm:text-xl text-black bg-white">
@@ -159,4 +167,4 @@ const DataTable = ({ channel_data, timestamp }: SubscriberDataTableProp) => {
export default DataTable;
export type { SubscriberDataTableProp };
-export type { ChannelDataProp }; \ No newline at end of file
+export type { ChannelDataProp };
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage