refactor: resolve import of IPageListItem type

Author: pooriaset

src/components/BaseLayout/BaseLayout.tsx

@@ -4,6 +4,7 @@ import { ISliderItem } from '@/components/HomePageSlider/types';
 import { getClient } from '@/graphql/clients/serverSideClient';
 import { GET_PUBLISHED_PAGES_LIST } from '@/graphql/queries/pages';
 import { GET_TOP_BANNER } from '@/graphql/queries/sliders';
+import { IPageListItem } from '@/graphql/types/common';
 import {
   GetPublishedPagesListQuery,
   GetTopBannerQuery,
@@ -14,10 +15,6 @@ export interface BaseLayoutProps {
   children: ReactNode;
 }
 
-export type IPageListItem = NonNullable<
-  GetPublishedPagesListQuery['pages']
->['edges'][number]['node'];
-
 const getPagesList = async (): Promise<IPageListItem[]> => {
   const { data } = await getClient().query<GetPublishedPagesListQuery>({
     query: GET_PUBLISHED_PAGES_LIST,

src/components/Footer/Footer.tsx

@@ -1,9 +1,9 @@
-import { IPageListItem } from '@/app/[locale]/(container)/layout';
 import { Box } from '@mui/material';
 import { FC } from 'react';
 import DesktopView from '../ResponsiveDesign/components/DesktopView';
 import MobileView from '../ResponsiveDesign/components/MobileView';
 import { DesktopFooter, MobileFooter } from './components';
+import { IPageListItem } from '@/graphql/types/common';
 
 export interface FooterProps {
   pages: IPageListItem[];

src/components/Footer/components/DesktopFooter.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { IPageListItem } from '@/app/[locale]/(container)/layout';
+import { IPageListItem } from '@/graphql/types/common';
 import { Box, Container, Link, Typography } from '@mui/material';
 import { useTranslations } from 'next-intl';
 import { FC } from 'react';

src/graphql/types/common.ts

@@ -0,0 +1,5 @@
+import { GetPublishedPagesListQuery } from "./graphql";
+
+export type IPageListItem = NonNullable<
+  GetPublishedPagesListQuery['pages']
+>['edges'][number]['node'];

src/graphql/types/gql.ts

@@ -13,6 +13,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 const documents = {
+    "\n  query GET_CART {\n    cart {\n      contents {\n        nodes {\n          key\n          product {\n            node {\n              id\n              databaseId\n              name\n              description\n              type\n              onSale\n              slug\n              averageRating\n              reviewCount\n              image {\n                id\n                sourceUrl\n                srcSet\n                altText\n                title\n              }\n              galleryImages {\n                nodes {\n                  id\n                  sourceUrl\n                  srcSet\n                  altText\n                  title\n                }\n              }\n            }\n          }\n          variation {\n            node {\n              id\n              databaseId\n              name\n              description\n              type\n              onSale\n              price\n              regularPrice\n              salePrice\n              image {\n                id\n                sourceUrl\n                srcSet\n                altText\n                title\n              }\n              attributes {\n                nodes {\n                  id\n                  name\n                  value\n                }\n              }\n            }\n          }\n          quantity\n          total\n          subtotal\n          subtotalTax\n        }\n      }\n\n      subtotal\n      subtotalTax\n      shippingTax\n      shippingTotal\n      total\n      totalTax\n      feeTax\n      feeTotal\n      discountTax\n      discountTotal\n    }\n  }\n": types.Get_CartDocument,
     "\n  query Categories {\n    productCategories(first: 1000) {\n      nodes {\n        id: databaseId\n        name\n        parentId: parentDatabaseId\n      }\n    }\n  }\n": types.CategoriesDocument,
     "\n  query GetMainCategories {\n    productCategories(where: { parent: null, orderby: TERM_ORDER }) {\n      edges {\n        node {\n          id: databaseId\n          name\n          image {\n            id: databaseId\n            sourceUrl\n          }\n        }\n      }\n    }\n  }\n": types.GetMainCategoriesDocument,
     "\n  query GetGeneralSettings {\n    generalSettings {\n      title\n      description\n      timezone\n      language\n    }\n  }\n": types.GetGeneralSettingsDocument,
@@ -38,6 +39,10 @@ const documents = {
  */
 export function graphql(source: string): unknown;
 
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n  query GET_CART {\n    cart {\n      contents {\n        nodes {\n          key\n          product {\n            node {\n              id\n              databaseId\n              name\n              description\n              type\n              onSale\n              slug\n              averageRating\n              reviewCount\n              image {\n                id\n                sourceUrl\n                srcSet\n                altText\n                title\n              }\n              galleryImages {\n                nodes {\n                  id\n                  sourceUrl\n                  srcSet\n                  altText\n                  title\n                }\n              }\n            }\n          }\n          variation {\n            node {\n              id\n              databaseId\n              name\n              description\n              type\n              onSale\n              price\n              regularPrice\n              salePrice\n              image {\n                id\n                sourceUrl\n                srcSet\n                altText\n                title\n              }\n              attributes {\n                nodes {\n                  id\n                  name\n                  value\n                }\n              }\n            }\n          }\n          quantity\n          total\n          subtotal\n          subtotalTax\n        }\n      }\n\n      subtotal\n      subtotalTax\n      shippingTax\n      shippingTotal\n      total\n      totalTax\n      feeTax\n      feeTotal\n      discountTax\n      discountTotal\n    }\n  }\n"): (typeof documents)["\n  query GET_CART {\n    cart {\n      contents {\n        nodes {\n          key\n          product {\n            node {\n              id\n              databaseId\n              name\n              description\n              type\n              onSale\n              slug\n              averageRating\n              reviewCount\n              image {\n                id\n                sourceUrl\n                srcSet\n                altText\n                title\n              }\n              galleryImages {\n                nodes {\n                  id\n                  sourceUrl\n                  srcSet\n                  altText\n                  title\n                }\n              }\n            }\n          }\n          variation {\n            node {\n              id\n              databaseId\n              name\n              description\n              type\n              onSale\n              price\n              regularPrice\n              salePrice\n              image {\n                id\n                sourceUrl\n                srcSet\n                altText\n                title\n              }\n              attributes {\n                nodes {\n                  id\n                  name\n                  value\n                }\n              }\n            }\n          }\n          quantity\n          total\n          subtotal\n          subtotalTax\n        }\n      }\n\n      subtotal\n      subtotalTax\n      shippingTax\n      shippingTotal\n      total\n      totalTax\n      feeTax\n      feeTotal\n      discountTax\n      discountTotal\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */