153 timeline v2 (#160)

Co-authored-by: Felipe Torres (fforres) <[email protected]>

Author: joseglego

.env.development.local

@@ -3,7 +3,6 @@ NEXT_PUBLIC_CONTENTFUL_API_GRAPHQL=https://graphql.contentful.com/content/v1/spa
 NEXT_PUBLIC_CONTENTFUL_API_KEY=wTGnaFHcz9McLX2KPwp-6cArrlYRraKrtvhVI3F-_F0
 NEXT_PUBLIC_CONTENTFUL_IS_PREVIEW=True
 NEXT_PUBLIC_CONTENTFUL_SPACE_ID=1kfhsqlc8ewi
-NEXT_PUBLIC_FLAGSMITH_KEY=i5QQGDMRP642etU9Aawo3y
 CONTENTFUL_SPACE_ID=1kfhsqlc8ewi
 NEXT_PUBLIC_API_URL=https://tickets-api-localhost.fly.dev/api/v1
 NEXT_PUBLIC_WORKER_IMAGE_API=https://tickets-images-worker-localhost.jsconfcl.workers.dev

package-lock.json

@@ -22,7 +22,7 @@
     "@contentful/rich-text-react-renderer": "^15.12.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@next/bundle-analyzer": "^12.1.6",
+    "@next/bundle-analyzer": "^12.3.4",
     "@next/eslint-plugin-next": "^12.1.6",
     "@popperjs/core": "^2.11.6",
     "@tanstack/query-core": "^4.10.3",
@@ -36,7 +36,6 @@
     "date-fns": "^2.29.3",
     "date-fns-tz": "^1.3.7",
     "feather-icons": "^4.29.0",
-    "flagsmith": "^3.14.0",
     "framer-motion": "^7.6.4",
     "google-map-react": "^2.2.0",
     "graphql": "^16.3.0",
@@ -49,6 +48,7 @@
     "next-sitemap": "^3.1.6",
     "polished": "^4.2.2",
     "react": "^18.2.0",
+    "react-countdown": "^2.3.5",
     "react-country-flag": "^3.0.2",
     "react-div-100vh": "^0.7.0",
     "react-dom": "^18.2.0",
@@ -105,7 +105,7 @@
     "ts-essentials": "^9.3.0",
     "type-fest": "^2.13.0",
     "typescript": "^4.9.4",
-    "vercel": "^28.9.0"
+    "vercel": "^28.10.0"
   },
   "license": "MIT"
 }

package.json

@@ -5,8 +5,6 @@ import {
   QueryClient,
   QueryClientProvider as TanstackQueryProvider,
 } from "@tanstack/react-query";
-import flagsmith from "flagsmith/isomorphic";
-import { FlagsmithProvider } from "flagsmith/react";
 import { Provider as JotaiProvider, useAtomValue } from "jotai";
 import { any } from "micromatch";
 import { NextPage } from "next";
@@ -25,8 +23,7 @@ import { Provider } from "urql";
 import { urlQlient } from "../src/graphql/urql";
 import { isAuthenticatedAtom } from "../src/helpers/auth";
 import { GlobalStyles } from "../styles/globalStyles";
-import { jsconfTheme } from "../styles/theme";
-// import { PublicTicketPageMetaTags } from "../src/Components/PublicTicketMetatag";
+import { jsconfTheme, previaTheme } from "../styles/theme";
 
 const WebSchema = dynamic(
   async () => await import("../src/Components/schema/webpage"),
@@ -98,6 +95,7 @@ const AppWithQueryClients = ({
   Component: NextPageWithLayout;
   pageProps: AppProps["pageProps"];
 }) => {
+  const { pathname } = useRouter();
   const [queryClient] = useState(
     () =>
       new QueryClient({
@@ -114,7 +112,9 @@ const AppWithQueryClients = ({
       <Provider value={urlQlient}>
         <TanstackQueryProvider client={queryClient}>
           <Hydrate state={(pageProps as any).dehydratedState}>
-            <ThemeProvider theme={jsconfTheme}>
+            <ThemeProvider
+              theme={pathname === "/laprevia" ? previaTheme : jsconfTheme}
+            >
               <GlobalStyles />
               <Suspense fallback={null}>
                 <WebSchema />
@@ -131,40 +131,15 @@ const AppWithQueryClients = ({
   );
 };
 
-// const ticketApiUrl = process.env.NEXT_PUBLIC_WORKER_IMAGE_API!;
-
 function AppWithDataStorage({
   Component,
   pageProps,
   router,
 }: AppPropsWithLayout) {
-  // const ticketId = router.query.id as string;
-  // const isPublicTicketPage =
-  //   router.pathname.startsWith("/p/ticket/") && ticketId;
   return (
-    <>
-      {/* {isPublicTicketPage && (
-        // En Facebook, los meta-tags tienen que poder verse dentro de los
-        // primero 50kb del HTML descargado. Considerando la cantidad de
-        // componentes q tenemos, facebook no lee los metatags creados en `/pages/p/ticket/[id]`.
-        // Por eso, los generamos acá como un 'Best Effort'
-        <PublicTicketPageMetaTags
-          ticketApiUrl={ticketApiUrl}
-          ticketId={ticketId}
-        />
-      )} */}
-      <JotaiProvider>
-        <FlagsmithProvider
-          options={{
-            environmentID: process.env.NEXT_PUBLIC_FLAGSMITH_KEY,
-            cacheFlags: true,
-          }}
-          flagsmith={flagsmith}
-        >
-          <AppWithQueryClients Component={Component} pageProps={pageProps} />
-        </FlagsmithProvider>
-      </JotaiProvider>
-    </>
+    <JotaiProvider>
+      <AppWithQueryClients Component={Component} pageProps={pageProps} />
+    </JotaiProvider>
   );
 }
 

pages/_app.tsx

@@ -1,5 +1,4 @@
 import styled from "@emotion/styled";
-import { useFlagsmith } from "flagsmith/react";
 import { useSetAtom } from "jotai";
 import type { NextPage } from "next";
 import { useRouter } from "next/router";
@@ -24,17 +23,13 @@ const StyledBlackWrapp = styled.section`
 const GithubAuth: NextPage = () => {
   const { isReady, replace } = useRouter();
   const setAccessToken = useSetAtom(accessTokenAtom);
-  const flagsmith = useFlagsmith();
 
   useEffect(() => {
     if (isReady) {
-      if (flagsmith.initialised) {
-        void flagsmith.logout();
-      }
       setAccessToken(null);
       void replace("/tickets");
     }
-  }, [flagsmith, isReady, replace, setAccessToken]);
+  }, [isReady, replace, setAccessToken]);
   return (
     <Container>
       <StyledBlackWrapp />