- = (props) => {
- const {list} = props;
- return (
- <>
- {list.map(item => (
-
-
- {/*
-
- Stars per day
-
-
- */}
- {/*
*/}
+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 starsCallback = useCallback(async (path: string) => {
+ return await (
+ await fetch(path, {
+ body: JSON.stringify({ page: 1 }),
+ method: 'POST',
+ })
+ ).json();
+ }, []);
+
+ const { isLoading: isLoadingAnalytics, data: analytics } = useSWR(
+ '/analytics',
+ load
+ );
+ const { isLoading: isLoadingTrending, data: trending } = useSWR(
+ '/analytics/trending',
+ load
+ );
+ const { isLoading: isLoadingStars, data: stars } = useSWR(
+ '/analytics/stars',
+ starsCallback
+ );
+
+ if (isLoadingAnalytics || isLoadingTrending || isLoadingStars) {
+ return News Feed
*/} - {/**/}
- {/*
*/}
- {/* */}
- {/* Global*/}
- {/*
*/}
- {/* */}
- {/* My Feed*/}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/**/}
- {/*
*/}
- {/* */}
- {/* 
*/}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* Nevo David
*/}
- {/* 05/06/2024
*/}
- {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
- {/* */}
- {/*
*/}
- {/* See Tweet
*/}
- {/* */}
- {/* */}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* Nevo David
*/}
- {/* 05/06/2024
*/}
- {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
- {/* */}
- {/*
*/}
- {/* See Tweet
*/}
- {/* */}
- {/* */}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* Nevo David
*/}
- {/* 05/06/2024
*/}
- {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
- {/* */}
- {/*
*/}
- {/* See Tweet
*/}
- {/* */}
- {/* */}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* Nevo David
*/}
- {/* 05/06/2024
*/}
- {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
- {/* */}
- {/*
*/}
- {/* See Tweet
*/}
- {/* */}
- {/* */}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* */}
- {/*
*/}
- {/* Nevo David
*/}
- {/* 05/06/2024
*/}
- {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
- {/* */}
- {/*
*/}
- {/* See Tweet
*/}
- {/* */}
- {/*
+
+ );
+};
diff --git a/apps/frontend/src/components/analytics/stars.and.forks.tsx b/apps/frontend/src/components/analytics/stars.and.forks.tsx
index b24d3d71..4c2c01d8 100644
--- a/apps/frontend/src/components/analytics/stars.and.forks.tsx
+++ b/apps/frontend/src/components/analytics/stars.and.forks.tsx
@@ -1,65 +1,123 @@
-import {FC} from "react";
-import {StarsAndForksInterface} from "@gitroom/frontend/components/analytics/stars.and.forks.interface";
-import {Chart} from "@gitroom/frontend/components/analytics/chart";
-import Image from "next/image";
-import {UtcToLocalDateRender} from "../../../../../libraries/react-shared-libraries/src/helpers/utc.date.render";
-import clsx from "clsx";
+import { FC } from 'react';
+import { StarsAndForksInterface } from '@gitroom/frontend/components/analytics/stars.and.forks.interface';
+import { Chart } from '@gitroom/frontend/components/analytics/chart';
+import Image from 'next/image';
+import { UtcToLocalDateRender } from '../../../../../libraries/react-shared-libraries/src/helpers/utc.date.render';
+import clsx from 'clsx';
export const StarsAndForks: FC
+
+ {/*
+
- );
-}
\ No newline at end of file
+ Stars per day
+
+
*/}
+ {/*
*/}
+ News Feed
*/} + {/**/}
+ {/*
*/}
+ {/* */}
+ {/* Global*/}
+ {/*
*/}
+ {/* */}
+ {/* My Feed*/}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/**/}
+ {/*
*/}
+ {/* */}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* Nevo David
*/}
+ {/* 05/06/2024
*/}
+ {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
+ {/* */}
+ {/*
*/}
+ {/* See Tweet
*/}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* Nevo David
*/}
+ {/* 05/06/2024
*/}
+ {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
+ {/* */}
+ {/*
*/}
+ {/* See Tweet
*/}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* Nevo David
*/}
+ {/* 05/06/2024
*/}
+ {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
+ {/* */}
+ {/*
*/}
+ {/* See Tweet
*/}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* Nevo David
*/}
+ {/* 05/06/2024
*/}
+ {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
+ {/* */}
+ {/*
*/}
+ {/* See Tweet
*/}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* */}
+ {/*
*/}
+ {/* Nevo David
*/}
+ {/* 05/06/2024
*/}
+ {/* O atual sistema político precisa mudar para valorizar o trabalho e garantir igualdade de oportunidad
*/}
+ {/* */}
+ {/*
*/}
+ {/* See Tweet
*/}
+ {/* */}
+ {/*
- {[1,2].map(p => (
-
-
- ))}
+ const { list } = props;
+ return (
+ <>
+ {list.map((item) => (
+
-
-
-
-
-
- {item.login.split('/')[1].split('').map(((char, index) => index === 0 ? char.toUpperCase() : char)).join('')} {p === 1 ? 'Stars' : 'Forks'}
-
-
-
-
- {item.stars.length ? :
- Processing stars...
}
-
- {item?.stars[item.stars.length - 1]?.totalStars}
-
-
+ {[1, 2].map((p) => (
+
+
+ ))}
+
+
- );
-}
\ No newline at end of file
+ ))}
+
+
- ))}
-
- {[0, 1].map( p => (
-
+
-
))}
+
-
-
-
-
- {p === 0 ? 'Last Github Trending' : 'Next Predicted GitHub Trending'}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {item.login
+ .split('/')[1]
+ .split('')
+ .map((char, index) =>
+ index === 0 ? char.toUpperCase() : char
+ )
+ .join('')}{' '}
+ {p === 1 ? 'Stars' : 'Forks'}
+
+
+
+
+ {item.stars.length ? (
+
+
+ Processing stars...
+
+ )}
+
+ {item?.stars[item.stars.length - 1]?.totalStars}
+
+ {[0, 1].map((p) => (
+
+
+ );
+};
diff --git a/apps/frontend/src/components/billing/billing.component.tsx b/apps/frontend/src/components/billing/billing.component.tsx
index 13fefe91..9d428752 100644
--- a/apps/frontend/src/components/billing/billing.component.tsx
+++ b/apps/frontend/src/components/billing/billing.component.tsx
@@ -1,14 +1,29 @@
-import { FC } from 'react';
-import { Subscription } from '@prisma/client';
-import {
- NoBillingComponent,
- Tiers,
-} from '@gitroom/frontend/components/billing/no.billing.component';
+"use client";
-export const BillingComponent: FC<{
- subscription?: Subscription;
- tiers: Tiers;
-}> = (props) => {
- const { subscription, tiers } = props;
- return
+
+ ))}
+
+
+
+
+
+ {p === 0
+ ? 'Last Github Trending'
+ : 'Next Predicted GitHub Trending'}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
Channels
diff --git a/apps/frontend/src/components/layout/layout.settings.tsx b/apps/frontend/src/components/layout/layout.settings.tsx
index 6ddb009b..d7523a19 100644
--- a/apps/frontend/src/components/layout/layout.settings.tsx
+++ b/apps/frontend/src/components/layout/layout.settings.tsx
@@ -1,4 +1,6 @@
-import { ReactNode } from 'react';
+'use client';
+
+import { ReactNode, useCallback } from 'react';
import { Title } from '@gitroom/frontend/components/layout/title';
import { headers } from 'next/headers';
import { ContextWrapper } from '@gitroom/frontend/components/layout/user.context';
@@ -10,11 +12,22 @@ import Image from 'next/image';
import { Toaster } from '@gitroom/react/toaster/toaster';
import { ShowPostSelector } from '@gitroom/frontend/components/post-url-selector/post.url.selector';
import { OrganizationSelector } from '@gitroom/frontend/components/layout/organization.selector';
-import NotificationComponent from "@gitroom/frontend/components/notifications/notification.component";
-import Link from "next/link";
+import NotificationComponent from '@gitroom/frontend/components/notifications/notification.component';
+import Link from 'next/link';
+import useSWR from 'swr';
+import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
export const LayoutSettings = ({ children }: { children: ReactNode }) => {
- const user = JSON.parse(headers().get('user')!);
+ const fetch = useFetch();
+ const load = useCallback(async (path: string) => {
+ return await (await fetch(path)).json();
+ }, []);
+
+ const { data: user } = useSWR(
+ '/user/self',
+ load
+ );
+
return (
diff --git a/apps/frontend/src/components/layout/loading.tsx b/apps/frontend/src/components/layout/loading.tsx
new file mode 100644
index 00000000..600ff7b9
--- /dev/null
+++ b/apps/frontend/src/components/layout/loading.tsx
@@ -0,0 +1,6 @@
+'use client';
+import ReactLoading from 'react-loading';
+
+export const LoadingComponent = () => {
+ return
= ({ user, children }) => {
+ const values = user ? { ...user, tier: pricing[user.tier] } : ({} as any);
return (
-
+
{children}
);
diff --git a/apps/frontend/src/components/settings/settings.component.tsx b/apps/frontend/src/components/settings/settings.component.tsx
index 6e42f9c7..7e5912a4 100644
--- a/apps/frontend/src/components/settings/settings.component.tsx
+++ b/apps/frontend/src/components/settings/settings.component.tsx
@@ -1,17 +1,52 @@
'use client';
-import { Checkbox } from '@gitroom/react/form/checkbox';
import { GithubComponent } from '@gitroom/frontend/components/settings/github.component';
-import { FC } from 'react';
+import { useCallback, useEffect } from 'react';
import { useUser } from '@gitroom/frontend/components/layout/user.context';
import { TeamsComponent } from '@gitroom/frontend/components/settings/teams.component';
+import { useFetch } from '@gitroom/helpers/utils/custom.fetch';
+import useSWR from 'swr';
+import { LoadingComponent } from '@gitroom/frontend/components/layout/loading';
+import { useRouter } from 'next/navigation';
-export const SettingsComponent: FC<{
- organizations: Array<{ login: string; id: string }>;
- github: Array<{ id: string; login: string }>;
-}> = (props) => {
- const { github, organizations } = props;
+export const SettingsComponent = () => {
const user = useUser();
+ const router = useRouter();
+
+ const fetch = useFetch();
+
+ const load = useCallback(async (path: string) => {
+ const { github } = await (await fetch('/settings/github')).json();
+ if (!github) {
+ return false;
+ }
+
+ const emptyOnes = github.find((p: { login: string }) => !p.login);
+ const { organizations } = emptyOnes
+ ? await (await fetch(`/settings/organizations/${emptyOnes.id}`)).json()
+ : { organizations: [] };
+
+ return { github, organizations };
+ }, []);
+
+ const { isLoading: isLoadingSettings, data: loadAll } = useSWR(
+ 'load-all',
+ load
+ );
+
+ useEffect(() => {
+ if (!isLoadingSettings && !loadAll) {
+ router.push('/');
+ }
+ }, [loadAll, isLoadingSettings]);
+
+ if (isLoadingSettings) {
+ return
@@ -20,7 +55,10 @@ export const SettingsComponent: FC<{
);
};
diff --git a/apps/frontend/src/middleware.ts b/apps/frontend/src/middleware.ts
index 79f948ed..c77b6951 100644
--- a/apps/frontend/src/middleware.ts
+++ b/apps/frontend/src/middleware.ts
@@ -84,27 +84,8 @@ export async function middleware(request: NextRequest) {
return redirect;
}
- const userResponse = await fetchBackend('/user/self', {
- headers: {
- auth: authCookie?.value!,
- ...(showorg?.value ? { showorg: showorg?.value! } : {}),
- },
- });
+ return NextResponse.next();
- if (userResponse.status === 401) {
- return NextResponse.redirect(new URL('/auth/logout', nextUrl.href));
- }
-
- if ([200, 201].indexOf(userResponse.status) === -1) {
- return NextResponse.redirect(new URL('/err', nextUrl.href));
- }
-
- const user = await userResponse.json();
-
- const next = NextResponse.next();
- next.headers.set('user', JSON.stringify(user));
-
- return next;
} catch (err) {
return NextResponse.redirect(new URL('/auth/logout', nextUrl.href));
}
Connect your GitHub repository to receive updates and analytics
- */}
{/*
- {!!user?.tier.team_members && */}
{/*
*/}
Show news with everybody in Gitroom
*/}
{/*