diff --git a/index.html b/index.html index 38c1df6..30ddd7d 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,35 @@ Mikro GraphQL Client + diff --git a/package.json b/package.json index 0cd5f56..c4acf31 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mikro-graphql-client", - "version": "0.1.4", + "version": "1.0.0", "scripts": { "validate": "svelte-check && tsc --noEmit", "dev": "svite -ts", diff --git a/src/components/AuthorDetails/AuthorAge.svelte b/src/components/AuthorDetails/AuthorAge.svelte new file mode 100644 index 0000000..e03147d --- /dev/null +++ b/src/components/AuthorDetails/AuthorAge.svelte @@ -0,0 +1,27 @@ + + +

+ Age: {data.age ?? "unknown"} +

+ + diff --git a/src/components/BookDetails/AuthorOtherBooks.svelte b/src/components/AuthorDetails/AuthorBooks.svelte similarity index 62% rename from src/components/BookDetails/AuthorOtherBooks.svelte rename to src/components/AuthorDetails/AuthorBooks.svelte index ce8537d..6981d14 100644 --- a/src/components/BookDetails/AuthorOtherBooks.svelte +++ b/src/components/AuthorDetails/AuthorBooks.svelte @@ -4,35 +4,32 @@ import { fly } from "svelte/transition"; import { link } from "svelte-spa-router"; - import type { BookDetailsQuery } from "../../generated/graphql"; + import type { AuthorDetailsQuery } from "../../generated/graphql"; - export let data: BookDetailsQuery["book"]; + export let data: AuthorDetailsQuery["author"]; export let animationDuration: number; - export let params: any; -
  • Other books:
    • +
  • Books:
    • diff --git a/src/components/AuthorDetails/AuthorName.svelte b/src/components/AuthorDetails/AuthorName.svelte new file mode 100644 index 0000000..21bf89a --- /dev/null +++ b/src/components/AuthorDetails/AuthorName.svelte @@ -0,0 +1,26 @@ + + +

    + {data.name} +

    + + diff --git a/src/components/BookDetails/AuthorDetails.svelte b/src/components/BookDetails/AuthorDetails.svelte index 69b58c5..2b6b4c3 100644 --- a/src/components/BookDetails/AuthorDetails.svelte +++ b/src/components/BookDetails/AuthorDetails.svelte @@ -1,13 +1,13 @@
  • Author details:
    • @@ -22,14 +22,28 @@ Added to library: {new Date(data.author.createdAt).toLocaleString()}
  • Last update: {new Date(data.author.updatedAt).toLocaleString()}
    • - +
  • + More details +
    • diff --git a/src/components/BookDetails/BookAuthor.svelte b/src/components/BookDetails/BookAuthor.svelte index 3fae017..73ba32d 100644 --- a/src/components/BookDetails/BookAuthor.svelte +++ b/src/components/BookDetails/BookAuthor.svelte @@ -2,6 +2,7 @@ import { cubicOut } from "svelte/easing"; import { fly } from "svelte/transition"; + import { link } from "svelte-spa-router"; import type { BookDetailsQuery } from "../../generated/graphql"; @@ -16,12 +17,28 @@ y: 100, easing: cubicOut, }}"> - By {data.author.name}, {data.author.age ?? "unknown age"} + + By {data.author.name}, {data.author.age ?? "unknown age"} + diff --git a/src/components/BookDetails/BookDetailsList.svelte b/src/components/BookDetails/BookDetailsList.svelte index 271c213..1b97a4f 100644 --- a/src/components/BookDetails/BookDetailsList.svelte +++ b/src/components/BookDetails/BookDetailsList.svelte @@ -20,10 +20,7 @@ }}">
  • Added to library: {new Date(data.createdAt).toLocaleString()}
  • Last update: {new Date(data.updatedAt).toLocaleString()}
    • - +