Add source header to API calls

.changeset/twenty-apples-talk.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Dashboard now sends source header to API

src/components/DevModePanel/DevModePanel.tsx

@@ -24,6 +24,9 @@ export const DevModePanel: React.FC = () => {
   const baseFetcher = createGraphiQLFetcher({
     url: process.env.API_URL,
     fetch: authorizedFetch,
+    headers: {
+      "x-source": "dashboard-plg",
+    },
   });
   const fetcher = async (graphQLParams: FetcherParams, opts: FetcherOpts) => {
     if (graphQLParams.operationName !== "IntrospectionQuery") {

src/graphql/client.ts

@@ -8,15 +8,22 @@ import { getApiUrl } from "../config";
 import introspectionQueryResultData from "./fragmentTypes.generated";
 import { TypedTypePolicies } from "./typePolicies.generated";
 
-const attachVariablesLink = new ApolloLink((operation, forward) =>
-  forward(operation).map(data => ({
+const attachVariablesLink = new ApolloLink((operation, forward) => {
+  operation.setContext(({ headers = {} }) => ({
+    headers: {
+      ...headers,
+      "x-source": "dashboard",
+    },
+  }));
+
+  return forward(operation).map(data => ({
     ...data,
     extensions: {
       ...data.extensions,
       variables: operation.variables,
     },
-  })),
-);
+  }));
+});
 
 export const link = attachVariablesLink.concat(
   createUploadLink({