Version 1.0.0

components/layouts/components/NavBar.tsx

@@ -20,8 +20,8 @@ export const NavBar = () => {
     setNavVisible((prev) => !prev)
   }
 
-  const showLogin = !isEventReady
-  const showSessions = !isEventReady
+  const showLogin = isEventReady
+  const showSessions = isEventReady
 
   useEffect(() => {
     Router.events.on('beforeHistoryChange', () => {

components/sessions/SessionGridCard.tsx

@@ -22,27 +22,27 @@ export const SessionGridCard = ({
               <div className="lg:grid gap-4 grid-cols-3" key={key}>
                 {/* component */}
                 {schedules[key]?.map((schedule: Session) => (
-                  <div key={schedule.id}>
-                    <div className='className="max-w-sm rounded-lg shadow-lg overflow-hidden bg-lighter dark:bg-black-dark mb-6"'>
+                  <div className="flex" key={schedule.id}>
+                    <div className="max-w-sm rounded-lg shadow-lg overflow-hidden bg-lighter dark:bg-black-dark mb-6 flex flex-col">
                       {schedule.is_serviceSession ? (
                         <img
                           className="object-cover md:object-cover"
-                          src={schedule.session_image ?? `images/testara.png`}
+                          src={schedule.session_image ?? 'images/all.png'}
                           alt={schedule.title}
                         />
                       ) : (
                         <Link href={`/sessions/${schedule.slug}`}>
                           <a>
                             <img
                               className="object-cover md:object-cover"
-                              src="images/testara.png"
+                              src={schedule.session_image ?? 'images/all.png'}
                               alt={schedule.title}
                             />
                           </a>
                         </Link>
                       )}
-                      <div className="m-4">
-                        <h3 className="text-light text-sm mt-4">
+                      <div className="m-4 flex flex-1 flex-wrap">
+                        <h3 className="text-light text-sm mt-4 w-full">
                           @ {hour(schedule.start_date_time)} |{' '}
                           {schedule.rooms?.map((venue) => (
                             <span key={venue.id} className="rooms">
@@ -51,30 +51,33 @@ export const SessionGridCard = ({
                           ))}
                         </h3>
                         {schedule.is_serviceSession ? (
-                          <p className="text-sm mt-2 h-10 font-bold dark:text-white-dark">
+                          <p className="text-sm mt-2 font-bold dark:text-white-dark">
                             {schedule.title}
                           </p>
                         ) : (
                           <Link href={`/sessions/${schedule.slug}`}>
                             <a>
-                              <p className="text-sm mt-2 h-10 font-bold dark:text-white-dark">
+                              <p className="text-sm mt-2 font-bold dark:text-white-dark">
                                 {schedule.title}
                               </p>
                             </a>
                           </Link>
                         )}
-                        <div className="flex justify-between mt-4 h-8">
+                        <div className="flex justify-between mt-4 w-full self-end">
                           <div className="flex items-start space-x-4">
-                            {!schedule.is_serviceSession}
-                            {schedule.speakers?.map((speaker) => (
-                              <div key={speaker.avatar} className="w-9 h-9">
-                                <img
-                                  className="rounded-full border border-accent shadow-sm"
-                                  src={speaker.avatar}
-                                  alt=""
-                                />
-                              </div>
-                            ))}
+                            {!schedule.is_serviceSession &&
+                              schedule.speakers?.map((speaker) => (
+                                <div key={speaker.name} className="w-9 h-9">
+                                  <img
+                                    className="rounded-full border border-accent shadow-sm"
+                                    src={
+                                      speaker.avatar ??
+                                      '/images/icons/apple-icon.png'
+                                    }
+                                    alt=""
+                                  />
+                                </div>
+                              ))}
                           </div>
                           <div className="w-full flex items-center justify-end">
                             <span>

components/sessions/SpeakersDetails.tsx

@@ -29,15 +29,15 @@ export const SpeakersDetails = ({ session }: { session: Session }) => {
         showStatus={false}
         showIndicators={session.speakers.length > 1}
       >
-        {session.speakers.map((speaker, index) => {
+        {session.speakers.map((speaker) => {
           return (
             // eslint-disable-next-line react/no-array-index-key
-            <div key={index}>
+            <div key={speaker.name}>
               <div className="w-full flex items-start text-center">
                 <div className="w-1/3 md:pr-4 flex-none bg-green-c-2 rounded">
                   <img
                     className="w-full p-0 rounded-lg border-2 border-green-500"
-                    src={speaker.avatar}
+                    src={speaker.avatar ?? '/images/icons/apple-icon.png'}
                     alt={speaker.name}
                   />
                 </div>

context/AuthContext.tsx

@@ -18,14 +18,18 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
 
   useEffect(() => {
     if (getCookie('token')) {
-      const getUser = async () => {
-        await axios.get('/details').then((response) => {
-          setIsAuthenticated(true)
-          setCurrentUser(response.data.user)
-        })
+      try {
+        const getUser = async () => {
+          await axios.get('/details').then((response) => {
+            setIsAuthenticated(true)
+            setCurrentUser(response.data.user)
+          })
+        }
+        getUser()
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log({ error })
       }
-
-      getUser()
     }
   }, [])
 

context/ThemeContext.tsx

@@ -15,7 +15,7 @@ const THEME_NAME = 'droidcon_theme'
 export const ThemeProvider = ({ children }: { children: ReactNode }) => {
   const [isDarkTheme, setIsDarkTheme] = useState(false)
 
-  const isEventReady = false // Boolean(process.env.NEXT_PUBLIC_EVENT_READY) || false
+  const isEventReady = Boolean(process.env.NEXT_PUBLIC_EVENT_READY) || false
 
   useEffect(() => {
     if (isClient) {

next.config.js

@@ -47,6 +47,19 @@ module.exports = withPWA({
         // method: 'GET',
         // strategyOptions: { cacheableResponse: { statuses: [0, 200] } },
       },
+      {
+        urlPattern: '/^https://res.cloudinary.com/droidconke/*/i',
+        handler: 'CacheFirst',
+        options: {
+          cacheName: 'static-image-assets-1',
+          expiration: {
+            maxEntries: 4,
+            maxAgeSeconds: 7 * 24 * 60 * 60, // 7 days
+          },
+        },
+        // method: 'GET',
+        // strategyOptions: { cacheableResponse: { statuses: [0, 200] } },
+      },
       {
         urlPattern: '/^https://sessionize.com/image*/i',
         handler: 'CacheFirst',

pages/sessions/index.tsx

@@ -57,10 +57,7 @@ const Sessions: NextPage<SessionProps> = ({
         <section className="w-full py-6 md:py-12 mb-0">
           {!loading ? (
             <div className="l-container flex flex-wrap">
-              <div
-                className="flex flex-row lg:flex-col w-full lg:w-1/12 h-auto lg:h-64 bor border-r-0 lg:border-r border-green-200 space-y-0 lg:space-y-6 space-x-6 lg:space-x-0 items-center lg:items-start justify-center lg:justify-start py-2 lg:py-0 sticky nav-bg nav-side z-0"
-                style={{ top: '80px' }}
-              >
+              <div className="flex flex-row lg:flex-col w-full lg:w-1/12 h-auto lg:h-64 bor border-r-0 lg:border-r border-green-200 space-y-0 lg:space-y-6 space-x-6 lg:space-x-0 items-center lg:items-start justify-center lg:justify-start py-2 lg:py-0 sticky nav-bg nav-side z-0 top-[60px] md:top-[80px]">
                 {Object.keys(schedules)?.map((key, i) => {
                   return (
                     <div

types/types.ts

@@ -39,7 +39,7 @@ export interface Speaker {
   name: string
   tagline: string
   biography: string
-  avatar: string
+  avatar: string | null
   twitter?: string
   facebook?: string
   linkedin?: string