Change language graphql to be read from url instead of cookie so it works with open graph

Author: Maypher

frontend/user/src/routes/[lang]/+page.ts

@@ -1,18 +1,17 @@
 import graphql from '$lib/utilities/api.js'
 import { error } from '@sveltejs/kit';
 
-export const load = async ({ fetch, parent }) => {
-    const { selectedLanguage } = await parent();
-    const english = selectedLanguage === 'en';
+export const load = async ({ fetch, params }) => {
+    const spanish = params.lang === 'es';
 
     const query = `
         query mainPageImages {
             mainPageImages {
                 filename
                 imageUrl
-                altText: ${english ? 'altTextEn' : 'altTextEs'}
+                altText: ${spanish ? 'altTextEs' : 'altTextEn'}
                 mainImageConfig {
-                    description: ${english ? 'descriptionEn' : 'descriptionEs'}
+                    description: ${spanish ? 'descriptionEs' : 'descriptionEn'}
                     descriptionFont
                     descriptionAlignment
                     descriptionFontSize

frontend/user/src/routes/[lang]/esculturas/+page.ts

@@ -1,18 +1,17 @@
 import graphql from "$lib/utilities/api";
 import { error } from "@sveltejs/kit";
 
-export const load = async ({ fetch, parent }) => {
-    const { selectedLanguage } = await parent();
-    const english = selectedLanguage === 'en';
+export const load = async ({ fetch, params }) => {
+    const spanish = params.lang === 'es';
 
     const query = `
         query {
             sculptures {
                 filename
                 imageUrl
-                altText: ${english ? 'altTextEn' : 'altTextEs'}
+                altText: ${spanish ? 'altTextEs' : 'altTextEn'}
                 sculptureData {
-                    description: ${english ? 'descriptionEn' : 'descriptionEs'}
+                    description: ${spanish ? 'descriptionEs' : 'descriptionEn'}
                     bgColor
                 }
                 desktopConfig {

frontend/user/src/routes/[lang]/proyectos/+page.ts

@@ -1,19 +1,18 @@
 import graphql from '$lib/utilities/api.js'
 import { error } from '@sveltejs/kit';
 
-export const load = async ({ fetch, parent }) => {
-    const { selectedLanguage } = await parent();
-    const english = selectedLanguage == 'en';
+export const load = async ({ fetch, params }) => {
+    const spanish = params.lang == 'es';
 
     const query = `
         query projects {
             projects {
                 id
-                name: ${english ? 'nameEn' : 'nameEs'}
+                name: ${spanish ? 'nameEs' : 'nameEn'}
                 thumbnail {
                     filename
                     imageUrl
-                    altText: ${english ? 'altTextEn' : 'altTextEs'}
+                    altText: ${spanish ? 'altTextEs' : 'altTextEn'}
                     altTextEn
                 }
             }

frontend/user/src/routes/[lang]/proyectos/[ProyectoID]/+page.ts

@@ -1,30 +1,29 @@
 import graphql from '$lib/utilities/api.js'
 import { error } from '@sveltejs/kit';
 
-export const load = async ({ params, fetch, parent }) => {
-    const { selectedLanguage } = await parent();
-    const english = selectedLanguage === 'en';
+export const load = async ({ params, fetch }) => {
+    const spanish = params.lang === 'es';
 
     const query = `
         query getProject($id: Int!) {
             project(id: $id) {
                 id
-                name: ${english ? 'nameEn' : 'nameEs'}
-                description: ${english ? 'descriptionEn' : 'descriptionEs'}
+                name: ${spanish ? 'nameEs' : 'nameEn'}
+                description: ${spanish ? 'descriptionEs' : 'descriptionEn'}
                 area
                 thumbnail {
                     filename
                     imageUrl
-                    altText: ${english ? 'altTextEs' : 'altTextEs'}
+                    altText: ${spanish ? 'altTextEs' : 'altTextEn'}
                 }
                 spaces {
                     id
                     name
                     images {
                         filename
                         imageUrl
-                        altText: ${english ? 'altTextEs' : 'altTextEn'}
-                        description: ${english ? 'descriptionEn' : 'descriptionEs'}
+                        altText: ${spanish ? 'altTextEs' : 'altTextEn'}
+                        description: ${spanish ? 'descriptionEs' : 'descriptionEn'}
                         descriptionFont
                         bgColor
                         phoneConfig {
@@ -76,12 +75,12 @@ export const load = async ({ params, fetch, parent }) => {
 
     const projectId = Number(params.ProyectoID);
 
-    if (!Number.isInteger(projectId)) error(404, english ? 'Project not found' : "Proyecto inexistente");
+    if (!Number.isInteger(projectId)) error(404, spanish ? "Proyecto inexistente" : 'Project not found');
 
     const data = await graphql(query, { id: projectId }, fetch);
 
     const projectData = data?.project;
-    if (!projectData) error(404, english ? 'Project not found' : "Proyecto inexistente");
+    if (!projectData) error(404, spanish ? "Proyecto inexistente" : 'Project not found');
 
     const currentProjectIndex: number = data.projects.findIndex((project: { id: number }) => project.id === projectData.id);