ImAlpha/Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: ImAlpha:55ee8f526cdc8e988fb2a5a7ef0b4bcbcdb1be23
Branches Tags
ImAlpha:master
..
compare: ImAlpha:9f01daa039d5f8f7a637ec70d232d3d8302b30fa
Branches Tags
ImAlpha:master

No commits in common. "55ee8f526cdc8e988fb2a5a7ef0b4bcbcdb1be23" and "9f01daa039d5f8f7a637ec70d232d3d8302b30fa" have entirely different histories.
55ee8f526c ... 9f01daa039

3 changed files with 8 additions and 7 deletions
Show Stats Expand all files Collapse all files

2
Websites/jefes-nextjs/app/components/Reviews/page.tsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import GoogleReviews from './google_reviews'; import GoogleReviews from './google_reviews';
const App = () => { const App = () => {
const apiKey = 'AIzaSyClfOGrkQNRjDFzvnTk-W7Oeh-yyDNCXN0'; // Replace with your Google API key const apiKey = 'AIzaSyDO7qlVQWRJGsW7dX1D9DFEMlTO4YsKBLI'; // Replace with your Google API key
const placeId = 'ChIJQ-7Uc0BitocRQZASTWUyN04'; // Replace with the Google Place ID of the location const placeId = 'ChIJQ-7Uc0BitocRQZASTWUyN04'; // Replace with the Google Place ID of the location
return ( return (

5
Websites/jefes-nextjs/app/page.tsx
View File

@ -182,6 +182,7 @@ export default function Home() {
priority priority
fill fill
style={{ style={{
width: "100%",
objectPosition: "center", objectPosition: "center",
objectFit: "contain", objectFit: "contain",
}} }}
@ -238,6 +239,7 @@ export default function Home() {
priority priority
fill fill
style={{ style={{
width: "100%",
objectPosition: "center", objectPosition: "center",
objectFit: "contain", objectFit: "contain",
}} }}
@ -275,6 +277,7 @@ export default function Home() {
priority priority
fill fill
style={{ style={{
width: "100%",
objectPosition: "center", objectPosition: "center",
objectFit: "contain", objectFit: "contain",
}} }}
@ -285,7 +288,7 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="w-full h-[80svh] bg-blue-300"> <div className="w-full h-[80svh] bg-blue-300">
{/* <GoogleReviews /> */} <GoogleReviews />
<MapComponent /> <MapComponent />
</div> </div>
{/* <div className="flex flex-col w-full h-[180vh]"> {/* <div className="flex flex-col w-full h-[180vh]">

8
Websites/jefes-nextjs/components/Maps/MapComponent.tsx
View File

@ -1,4 +1,3 @@
"use client";
import React from 'react' import React from 'react'
import { GoogleMap, useJsApiLoader } from '@react-google-maps/api'; import { GoogleMap, useJsApiLoader } from '@react-google-maps/api';
@ -8,15 +7,14 @@ const containerStyle = {
}; };
const center = { const center = {
lat: 36.10787615076762, lat: -3.745,
lng: -95.70694833561868, lng: -38.523
}; };
function MyComponent() { function MyComponent() {
const { isLoaded } = useJsApiLoader({ const { isLoaded } = useJsApiLoader({
id: 'google-map-script', id: 'google-map-script',
googleMapsApiKey: "AIzaSyClfOGrkQNRjDFzvnTk-W7Oeh-yyDNCXN0" googleMapsApiKey: "YOUR_API_KEY"
}) })
const [map, setMap] = React.useState(null) const [map, setMap] = React.useState(null)