diff options
| -rw-r--r-- | src/components/SubscriberTable/SubscriberTable.tsx | 4 | ||||
| -rw-r--r-- | src/components/SubscriberTable/SubscriberTableRow.tsx | 1 |
2 files changed, 5 insertions, 0 deletions
diff --git a/src/components/SubscriberTable/SubscriberTable.tsx b/src/components/SubscriberTable/SubscriberTable.tsx index a666284..b07c75d 100644 --- a/src/components/SubscriberTable/SubscriberTable.tsx +++ b/src/components/SubscriberTable/SubscriberTable.tsx @@ -8,6 +8,7 @@ interface ChannelDataProp { sub_org: string; video_count: number; day_diff: number; + views: number; } interface SubscriberDataTableProp { @@ -42,6 +43,9 @@ return ( <th scope="col" className="py-1 px-1 sm:px-3 hidden sm:table-cell"> VIDEO COUNT </th> + <th scope="col" className="py-1 px-1 sm:px-3 hidden sm:table-cell"> + VIEW COUNT + </th> <th scope="col" className="py-1 px-1 sm:px-3"> SUBSCRIBERS </th> diff --git a/src/components/SubscriberTable/SubscriberTableRow.tsx b/src/components/SubscriberTable/SubscriberTableRow.tsx index e97af1c..040c693 100644 --- a/src/components/SubscriberTable/SubscriberTableRow.tsx +++ b/src/components/SubscriberTable/SubscriberTableRow.tsx @@ -25,6 +25,7 @@ const ChannelRow: React.FC<ChannelRowProps> = ({ channel, index }) => ( </td> <td className="py-3 px-1 sm:px-3 hidden sm:table-cell">{channel.sub_org}</td> <td className="py-3 px-1 sm:px-3 hidden sm:table-cell">{channel.video_count}</td> + <td className="py-3 px-1 sm:px-3 hidden sm:table-cell">{Number(channel.views).toLocaleString()}</td> <td className="py-3 px-1 sm:px-3">{Number(channel.subscribers).toLocaleString()}</td> <td className="py-3 px-1 sm:px-3"> {channel.day_diff > 0 ? `+${Number(channel.day_diff).toLocaleString()}` : Number(channel.day_diff).toLocaleString()} |