diff --git a/.env.local.example b/.env.local.example index beba81d..f1a46f4 100644 --- a/.env.local.example +++ b/.env.local.example @@ -1,3 +1,4 @@ NEXT_PUBLIC_JSCL_API_URL='https://api.jsconf.dev/graphql' NEXT_PUBLIC_TOKEN_STORAGE_KEY='HS:token_storage_key' NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY='pk_test_ZnVua3ktZ3JpZmZvbi04NC5jbGVyay5hY2NvdW50cy5kZXYk' +NEXT_PUBLIC_GOOGLE_MAPS_KEY='your_google_maps_key_here' diff --git a/app/(transition)/(root)/events/[id]/_components/Location/Location.tsx b/app/(transition)/(root)/events/[id]/_components/Location/Location.tsx new file mode 100644 index 0000000..2f2ec06 --- /dev/null +++ b/app/(transition)/(root)/events/[id]/_components/Location/Location.tsx @@ -0,0 +1,23 @@ +import { GoogleMapsEmbed } from '@next/third-parties/google' + +export const Location = () => { + return ( +
+

Lugar

+ +

+ Hub Providencia, Calle Falsa, 1234, Santiago Centro, Santiago, Chile. +

+

+ Más descripción de como llegar al evento. Tocar la puerta X, subir por las escaleras de la derecha, etc. +

+
+ ); +}; + diff --git a/app/(transition)/(root)/events/[id]/page.tsx b/app/(transition)/(root)/events/[id]/page.tsx index 826a039..4f085df 100644 --- a/app/(transition)/(root)/events/[id]/page.tsx +++ b/app/(transition)/(root)/events/[id]/page.tsx @@ -5,6 +5,7 @@ import { FetchExampleEventsQuery, } from "../../../../../src/components/features/LandingPageEvents/graphql/FetchExampleEvents.generated"; import { Hero } from "./_components/Hero/Hero"; +import { Location } from "./_components/Location/Location"; import { Register } from "./_components/Register/Register"; const event = { @@ -20,11 +21,12 @@ export default async function Event() { query: FetchExampleEventsDocument, }); return ( -
+
+
); } diff --git a/package-lock.json b/package-lock.json index 560098b..513aaa9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ "@auth0/nextjs-auth0": "^2.6.3", "@clerk/clerk-react": "^4.28.0", "@heroicons/react": "^2.0.18", + "@next/third-parties": "^14.0.4", "@radix-ui/react-dialog": "^1.0.4", "@radix-ui/react-dropdown-menu": "^2.0.5", "@radix-ui/react-scroll-area": "^1.0.4", @@ -3935,6 +3936,18 @@ "node": ">= 10" } }, + "node_modules/@next/third-parties": { + "version": "14.0.4", + "resolved": "https://registry.npmjs.org/@next/third-parties/-/third-parties-14.0.4.tgz", + "integrity": "sha512-K17BnacV2QOnI2o5DpeuwW/hnRjIgb8TSSMJC+y36330zh4skERb10FRhdc/0QTVuUc6k8jVJhURxdJu097GOQ==", + "dependencies": { + "third-party-capital": "1.0.20" + }, + "peerDependencies": { + "next": "^13.0.0 || ^14.0.0", + "react": "^18.2.0" + } + }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", @@ -11462,6 +11475,11 @@ "node": ">=0.8" } }, + "node_modules/third-party-capital": { + "version": "1.0.20", + "resolved": "https://registry.npmjs.org/third-party-capital/-/third-party-capital-1.0.20.tgz", + "integrity": "sha512-oB7yIimd8SuGptespDAZnNkzIz+NWaJCu2RMsbs4Wmp9zSDUM8Nhi3s2OOcqYuv3mN4hitXc8DVx+LyUmbUDiA==" + }, "node_modules/through": { "version": "2.3.8", "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", diff --git a/package.json b/package.json index c61d7a3..33257b3 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "@auth0/nextjs-auth0": "^2.6.3", "@clerk/clerk-react": "^4.28.0", "@heroicons/react": "^2.0.18", + "@next/third-parties": "^14.0.4", "@radix-ui/react-dialog": "^1.0.4", "@radix-ui/react-dropdown-menu": "^2.0.5", "@radix-ui/react-scroll-area": "^1.0.4",