File size: 8,606 Bytes
ec4551b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 | 'use client';
import { StarsAndForks } from '@gitroom/frontend/components/analytics/stars.and.forks';
import { FC, useCallback } from 'react';
import { StarsTableComponent } from '@gitroom/frontend/components/analytics/stars.table.component';
import useSWR from 'swr';
import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
import { LoadingComponent } from '@gitroom/frontend/components/layout/loading';
export const AnalyticsComponent: FC = () => {
const fetch = useFetch();
const load = useCallback(async (path: string) => {
return await (await fetch(path)).json();
}, []);
const { isLoading: isLoadingAnalytics, data: analytics } = useSWR(
'/analytics',
load
);
const { isLoading: isLoadingTrending, data: trending } = useSWR(
'/analytics/trending',
load
);
if (isLoadingAnalytics || isLoadingTrending) {
return <LoadingComponent />;
}
return (
<div className="flex gap-[24px] flex-1">
<div className="flex flex-col gap-[24px] flex-1">
<StarsAndForks list={analytics} trending={trending} />
<StarsTableComponent />
</div>
{/*<div className="w-[318px] bg-third mt-[-44px] p-[16px]">*/}
{/* <h2 className="text-[20px]">News Feed</h2>*/}
{/* <div className="my-[30px] flex h-[32px]">*/}
{/* <div className="flex-1 bg-forth flex justify-center items-center">*/}
{/* Global*/}
{/* </div>*/}
{/* <div className="flex-1 bg-primary flex justify-center items-center">*/}
{/* My Feed*/}
{/* </div>*/}
{/* </div>*/}
{/* <div>*/}
{/* <div className="w-full flex-col justify-start items-start gap-4 inline-flex">*/}
{/* <div className="self-stretch justify-start items-start gap-2.5 inline-flex pb-[16.5px] border-b-[1px] border-fifth">*/}
{/* <img className="w-8 h-8 rounded-full" src="https://via.placeholder.com/32x32"/>*/}
{/* <div className="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex">*/}
{/* <div className="justify-center items-center gap-1 inline-flex">*/}
{/* <div className="text-textColor text-sm font-medium leading-tight">Nevo David</div>*/}
{/* <div className="text-neutral-500 text-[10px] font-normal uppercase tracking-wide">05/06/2024</div>*/}
{/* </div>*/}
{/* <div className="self-stretch text-neutral-400 text-xs font-normal">O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad</div>*/}
{/* <div className="self-stretch justify-start items-center gap-1 inline-flex">*/}
{/* <div className="text-customColor10 text-xs font-normal">See Tweet</div>*/}
{/* <div className="w-4 h-4 relative"/>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div className="self-stretch justify-start items-start gap-2.5 inline-flex pb-[16.5px] border-b-[1px] border-fifth">*/}
{/* <img className="w-8 h-8 rounded-full" src="https://via.placeholder.com/32x32"/>*/}
{/* <div className="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex">*/}
{/* <div className="justify-center items-center gap-1 inline-flex">*/}
{/* <div className="text-textColor text-sm font-medium leading-tight">Nevo David</div>*/}
{/* <div className="text-neutral-500 text-[10px] font-normal uppercase tracking-wide">05/06/2024</div>*/}
{/* </div>*/}
{/* <div className="self-stretch text-neutral-400 text-xs font-normal">O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad</div>*/}
{/* <div className="self-stretch justify-start items-center gap-1 inline-flex">*/}
{/* <div className="text-customColor10 text-xs font-normal">See Tweet</div>*/}
{/* <div className="w-4 h-4 relative"/>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div className="self-stretch justify-start items-start gap-2.5 inline-flex pb-[16.5px] border-b-[1px] border-fifth">*/}
{/* <img className="w-8 h-8 rounded-full" src="https://via.placeholder.com/32x32"/>*/}
{/* <div className="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex">*/}
{/* <div className="justify-center items-center gap-1 inline-flex">*/}
{/* <div className="text-textColor text-sm font-medium leading-tight">Nevo David</div>*/}
{/* <div className="text-neutral-500 text-[10px] font-normal uppercase tracking-wide">05/06/2024</div>*/}
{/* </div>*/}
{/* <div className="self-stretch text-neutral-400 text-xs font-normal">O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad</div>*/}
{/* <div className="self-stretch justify-start items-center gap-1 inline-flex">*/}
{/* <div className="text-customColor10 text-xs font-normal">See Tweet</div>*/}
{/* <div className="w-4 h-4 relative"/>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div className="self-stretch justify-start items-start gap-2.5 inline-flex pb-[16.5px] border-b-[1px] border-fifth">*/}
{/* <img className="w-8 h-8 rounded-full" src="https://via.placeholder.com/32x32"/>*/}
{/* <div className="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex">*/}
{/* <div className="justify-center items-center gap-1 inline-flex">*/}
{/* <div className="text-textColor text-sm font-medium leading-tight">Nevo David</div>*/}
{/* <div className="text-neutral-500 text-[10px] font-normal uppercase tracking-wide">05/06/2024</div>*/}
{/* </div>*/}
{/* <div className="self-stretch text-neutral-400 text-xs font-normal">O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad</div>*/}
{/* <div className="self-stretch justify-start items-center gap-1 inline-flex">*/}
{/* <div className="text-customColor10 text-xs font-normal">See Tweet</div>*/}
{/* <div className="w-4 h-4 relative"/>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div className="self-stretch justify-start items-start gap-2.5 inline-flex pb-[16.5px] border-b-[1px] border-fifth">*/}
{/* <img className="w-8 h-8 rounded-full" src="https://via.placeholder.com/32x32"/>*/}
{/* <div className="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex">*/}
{/* <div className="justify-center items-center gap-1 inline-flex">*/}
{/* <div className="text-textColor text-sm font-medium leading-tight">Nevo David</div>*/}
{/* <div className="text-neutral-500 text-[10px] font-normal uppercase tracking-wide">05/06/2024</div>*/}
{/* </div>*/}
{/* <div className="self-stretch text-neutral-400 text-xs font-normal">O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad</div>*/}
{/* <div className="self-stretch justify-start items-center gap-1 inline-flex">*/}
{/* <div className="text-customColor10 text-xs font-normal">See Tweet</div>*/}
{/* <div className="w-4 h-4 relative"/>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/* </div>*/}
{/*</div>*/}
</div>
);
};
|