changing link of logo

ivanm · Mar 8, 2024 · c594c92 · c594c92
1 parent 0f0c1b5
commit c594c92
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/public/cerveza-cristal.png b/public/cerveza-cristal.png
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,3 +1,4 @@
+import { useState } from "react";
 import { Box, CSSReset, Image, Flex, Text, Link } from "@chakra-ui/react";
 import { Routes, Route } from "react-router-dom";
 import { AuthProvider, FirestoreProvider, useFirebaseApp } from "reactfire";
@@ -17,6 +18,7 @@ export const App = () => {
   const app = useFirebaseApp();
   const auth = getAuth();
   const firestoreInstance = getFirestore(app);
+  const [beer, setBeer] = useState(false);
 
   if (process.env.NODE_ENV !== "production") {
     try {
@@ -53,7 +55,19 @@ export const App = () => {
                 Efecto Tequila{" "}
               </Link>
             </Text>
-            <Image ml={1} boxSize="24px" src="et.svg" />
+            <Link
+              href="https://www.youtube.com/watch?v=0VXPnBszGCk"
+              isExternal={true}
+              onClick={() => {
+                setBeer(true);
+              }}
+            >
+              {beer ? (
+                <Image ml={1} boxSize="80px" src="cerveza-cristal.png" />
+              ) : (
+                <Image ml={1} boxSize="24px" src="et.svg" />
+              )}
+            </Link>
           </Flex>
         </Box>
       </FirestoreProvider>