fix: use direct OpenGraph Image URLs on repository insight pages (#3256)

Co-authored-by: Nick Taylor <[email protected]>
open-sauced · Apr 25, 2024 · 0578019 · 0578019
1 parent 42dec10
commit 0578019
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 26 deletions.
diff --git a/lib/utils/fetch-social-card.ts b/lib/utils/fetch-social-card.ts
diff --git a/pages/workspaces/[workspaceId]/repository-insights/[insightId]/activity.tsx b/pages/workspaces/[workspaceId]/repository-insights/[insightId]/activity.tsx
@@ -4,7 +4,6 @@ import { createPagesServerClient } from "@supabase/auth-helpers-nextjs";
 import { useState } from "react";
 import dynamic from "next/dynamic";
 import SEO from "layouts/SEO/SEO";
-import fetchSocialCard from "lib/utils/fetch-social-card";
 import { WorkspaceLayout } from "components/Workspaces/WorkspaceLayout";
 import HubPageLayout from "layouts/hub-page";
 import Activity from "components/organisms/Activity/activity";
@@ -98,7 +97,7 @@ export const getServerSideProps = async (ctx: GetServerSidePropsContext) => {
  }
 
  // Keeping this here so we are sure the page is not private before we fetch the social card.
- const ogImage = await fetchSocialCard(`insights/${insightId}`);
+ const ogImage = `${process.env.NEXT_PUBLIC_OPENGRAPH_URL}/insights/${insightId}`;
 
  const { data: workspaceMembers } = await fetchApiData<{ data?: WorkspaceMember[] }>({
  path: `workspaces/${workspaceId}/members`,

diff --git a/pages/workspaces/[workspaceId]/repository-insights/[insightId]/contributors.tsx b/pages/workspaces/[workspaceId]/repository-insights/[insightId]/contributors.tsx
@@ -4,7 +4,6 @@ import { createPagesServerClient } from "@supabase/auth-helpers-nextjs";
 
 import dynamic from "next/dynamic";
 import SEO from "layouts/SEO/SEO";
-import fetchSocialCard from "lib/utils/fetch-social-card";
 import { WorkspaceLayout } from "components/Workspaces/WorkspaceLayout";
 import HubPageLayout from "layouts/hub-page";
 import Contributors from "components/organisms/Contributors/contributors";
@@ -103,7 +102,7 @@ export const getServerSideProps = async (ctx: GetServerSidePropsContext) => {
  }
 
  // Keeping this here so we are sure the page is not private before we fetch the social card.
- const ogImage = await fetchSocialCard(`insights/${insightId}`);
+ const ogImage = `${process.env.NEXT_PUBLIC_OPENGRAPH_URL}/insights/${insightId}`;
 
  const { data: workspaceMembers } = await fetchApiData<{ data?: WorkspaceMember[] }>({
  path: `workspaces/${workspaceId}/members`,

diff --git a/pages/workspaces/[workspaceId]/repository-insights/[insightId]/dashboard.tsx b/pages/workspaces/[workspaceId]/repository-insights/[insightId]/dashboard.tsx
@@ -4,7 +4,6 @@ import { createPagesServerClient } from "@supabase/auth-helpers-nextjs";
 
 import dynamic from "next/dynamic";
 import SEO from "layouts/SEO/SEO";
-import fetchSocialCard from "lib/utils/fetch-social-card";
 import { WorkspaceLayout } from "components/Workspaces/WorkspaceLayout";
 import HubPageLayout from "layouts/hub-page";
 import Dashboard from "components/organisms/Dashboard/dashboard";
@@ -104,7 +103,7 @@ export const getServerSideProps = async (ctx: GetServerSidePropsContext) => {
  }
 
  // Keeping this here so we are sure the page is not private before we fetch the social card.
- const ogImage = await fetchSocialCard(`insights/${insightId}`);
+ const ogImage = `${process.env.NEXT_PUBLIC_OPENGRAPH_URL}/insights/${insightId}`;
 
  const { data: workspaceMembers } = await fetchApiData<{ data?: WorkspaceMember[] }>({
  path: `workspaces/${workspaceId}/members`,