little better naming

src/components/{ProviderSummary.tsx → OrganizationButton.tsx}

@@ -2,13 +2,13 @@ import React from "react";
 import { ProviderInfo, CalendarData } from "../types/heatmap";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
 
-interface ProviderSummaryProps {
+interface OrganizationButtonProps {
   provider: ProviderInfo;
   calendarData: CalendarData;
   rank: number;
 }
 
-const ProviderSummary: React.FC<ProviderSummaryProps> = ({ 
+const OrganizationButton: React.FC<OrganizationButtonProps> = ({ 
   provider, 
   calendarData, 
   rank 
@@ -85,4 +85,4 @@ const ProviderSummary: React.FC<ProviderSummaryProps> = ({
   );
 };
 
-export default ProviderSummary; 
+export default OrganizationButton; 

src/pages/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { ProviderInfo, ModelData, CalendarData } from "../types/heatmap";
-import ProviderSummary from "../components/ProviderSummary";
+import OrganizationButton from "../components/OrganizationButton";
 import HeatmapGrid from "../components/HeatmapGrid";
 import Navbar from "../components/Navbar";
 import { getProviders } from "../utils/ranking";
@@ -49,7 +49,7 @@ function Page({
           <div className="overflow-x-auto scrollbar-hide">
             <div className="flex gap-6 px-4 py-2 min-w-max justify-center">
               {providers.map((provider, index) => (
-                <ProviderSummary
+                <OrganizationButton
                   key={provider.fullName || provider.authors[0]}
                   provider={provider}
                   calendarData={calendarData}