fix types

schema.graphql

@@ -4,6 +4,7 @@ schema {
 type GitaChapterModel {
   id: ID!
   name: String
+  slug: String
   nameTransliterated: String
   nameTranslated: String
   versesCount: Int
@@ -34,6 +35,7 @@ type GitaTranslationModel {
 }
 type GitaVerseModel {
   id: ID!
+  slug: String
   verseNumber: Int
   chapterNumber: Int
   text: String
@@ -61,7 +63,13 @@ type Query {
     first: Int
     skip: Int
   ): [GitaChapterModel]
-  verses(verseNumber: Int, limit: Int, first: Int, skip: Int): [GitaVerseModel]
+  verses(
+    verseNumber: Int
+    verseOrder: Int
+    limit: Int
+    first: Int
+    skip: Int
+  ): [GitaVerseModel]
 }
 directive @cacheControl(
   maxAge: Int

src/features/chapters/ChapterById.tsx

@@ -15,17 +15,17 @@ export function ChapterById({ chapterById }: ChapterByIdProps) {
     graphql`
       fragment ChapterById_ChapterDataFragment on GitaChapterModel {
         name
-        chapterSummary      
-        chapterNumber      
+        chapterSummary
+        chapterNumber
         nameTransliterated
         nameTranslated
         versesCount
         nameMeaning
-       verses {
-        id
-        text
-        verseNumber
-       }
+        verses {
+          id
+          text
+          verseNumber
+        }
       }
     `,
     chapterById
@@ -39,7 +39,7 @@ export function ChapterById({ chapterById }: ChapterByIdProps) {
     chapterNumber,
     chapterSummary,
     nameMeaning,
-    nameTranslation,
+    nameTranslated,
     nameTransliterated,
     verses,
   } = data;
@@ -50,7 +50,7 @@ export function ChapterById({ chapterById }: ChapterByIdProps) {
       </h1>
       <p>{chapterSummary}</p>
       <p>{nameMeaning}</p>
-      <p>{nameTranslation}</p>
+      <p>{nameTranslated}</p>
       <p>{nameTransliterated}</p>
       <div className="flex flex-wrap -m-2">
         {verses.map((verse) => {

src/pages/verse/[verseNumber].tsx

@@ -5,13 +5,13 @@ import { VerseById } from '@/features/verses/VerseById';
 import { graphql, useFragment, usePreloadedQuery } from 'react-relay/hooks';
 import { getRelayClientEnvironment } from '@/config/relay/getRelayClientEnvironment';
 import { RelayProps, withRelay } from 'relay-nextjs';
-import { VerseOrder_GitaVerseQuery } from '@/__generated__/VerseOrder_GitaVerseQuery.graphql';
+import { VerseNumber_GitaVerseQuery } from '@/__generated__/VerseNumber_GitaVerseQuery.graphql';
 import { Layout } from '@/components/Layout';
 
 export interface IChapterPageProps {}
 
 const VerseQuery = graphql`
-  query VerseOrder_GitaVerseQuery($verseNumber: Int) {
+  query VerseNumber_GitaVerseQuery($verseNumber: Int) {
     verses(verseNumber: $verseNumber) {
       id
       ...VerseById_VerseDataFragment
@@ -21,18 +21,18 @@ const VerseQuery = graphql`
 
 function HandleData({
   preloadedQuery,
-}: RelayProps<{}, VerseOrder_GitaVerseQuery>) {
-  const {verses} = usePreloadedQuery<VerseOrder_GitaVerseQuery>(
+}: RelayProps<{}, VerseNumber_GitaVerseQuery>) {
+  const { verses } = usePreloadedQuery<VerseNumber_GitaVerseQuery>(
     VerseQuery,
     preloadedQuery
   );
   if (verses && verses[0]) {
     return <VerseById verse={verses[0]} />;
   }
-  return null; 
+  return null;
 }
 
-function VersePage(props: RelayProps<{}, VerseOrder_GitaVerseQuery>) {
+function VersePage(props: RelayProps<{}, VerseNumber_GitaVerseQuery>) {
   return (
     <Layout>
       <Suspenseful>
@@ -53,9 +53,10 @@ export default withRelay(VersePage, VerseQuery, {
   },
   variablesFromContext: (context) => {
     const { verseNumber } = context.query;
-    console.log(verseNumber)
+    console.log(verseNumber);
     return {
-      verseNumber: typeof verseNumber === 'string' ? parseInt(verseNumber) : verse_order,
+      verseNumber:
+        typeof verseNumber === 'string' ? parseInt(verseNumber) : verseNumber,
     };
   },
 });

src/types/api.ts

@@ -21,6 +21,7 @@ export type GitaChapterModel = {
   readonly __typename?: 'GitaChapterModel';
   readonly id: Scalars['ID'];
   readonly name?: Maybe<Scalars['String']>;
+  readonly slug?: Maybe<Scalars['String']>;
   readonly nameTransliterated?: Maybe<Scalars['String']>;
   readonly nameTranslated?: Maybe<Scalars['String']>;
   readonly versesCount?: Maybe<Scalars['Int']>;
@@ -64,6 +65,7 @@ export type GitaTranslationModel = {
 export type GitaVerseModel = {
   readonly __typename?: 'GitaVerseModel';
   readonly id: Scalars['ID'];
+  readonly slug?: Maybe<Scalars['String']>;
   readonly verseNumber?: Maybe<Scalars['Int']>;
   readonly chapterNumber?: Maybe<Scalars['Int']>;
   readonly text?: Maybe<Scalars['String']>;
@@ -104,6 +106,7 @@ export type QueryChaptersArgs = {
 
 export type QueryVersesArgs = {
   verseNumber?: Maybe<Scalars['Int']>;
+  verseOrder?: Maybe<Scalars['Int']>;
   limit?: Maybe<Scalars['Int']>;
   first?: Maybe<Scalars['Int']>;
   skip?: Maybe<Scalars['Int']>;