Telemetry and graphic changes

frontend/components/analytics/posthog.js

@@ -1,16 +0,0 @@
-import posthog from 'posthog-js';
-
-import { ENV, POSTHOG_API_KEY, POSTHOG_HOST } from '../utilities/config';
-
-export const initPostHog = () => {
-  if (typeof window !== 'undefined') {
-    // eslint-disable-next-line
-    if (ENV == 'production' && TELEMETRY_CAPTURING_ENABLED) {
-      posthog.init(POSTHOG_API_KEY, {
-        api_host: POSTHOG_HOST
-      });
-    }
-  }
-
-  return posthog;
-};

frontend/components/utilities/telemetry/Telemetry.js

@@ -10,7 +10,7 @@ class Capturer {
   capture(item) {
     if (ENV == "production" && TELEMETRY_CAPTURING_ENABLED) {
       try {
-        api.capture(item);
+        this.api.capture(item);
       } catch (error) {
         console.error("PostHog", error);
       }
@@ -20,7 +20,7 @@ class Capturer {
   identify(id) {
     if (ENV == "production" && TELEMETRY_CAPTURING_ENABLED) {
       try {
-        api.identify(id);
+        this.api.identify(id);
       } catch (error) {
         console.error("PostHog", error);
       }

frontend/pages/requestnewinvite.tsx

@@ -2,6 +2,10 @@ import React from "react";
 import Head from "next/head";
 import Image from "next/image";
 
+/**
+ * This is the page that shows up when a user's invitation 
+ * to join a project/organization on Infisical has expired
+ */
 export default function RequestNewInvite() {
   return (
     <div className="bg-bunker-700 md:h-screen flex flex-col justify-between">
@@ -9,16 +13,14 @@ export default function RequestNewInvite() {
         <title>Request a New Invite</title>
         <link rel="icon" href="/infisical.ico" />
       </Head>
-      <div className="flex flex-col items-center justify-center text-bunker-200 h-screen w-screen mt-24">
-        <p className="text-4xl text-bunker-100">Oops, your invite has expired.</p>
-        <p className="text-lg my-6">Ask the administrator for a new one.</p>
-        <p className="text-md text-bunker-400 max-w-sm text-center">
-          Note: If it still {"doesn't work"}, please reach out to us at
+      <div className="flex flex-col items-center justify-center text-bunker-200 h-screen w-screen mt-8">
+        <p className="text-4xl text-primary-100">Oops, your invite has expired.</p>
+        <p className="text-lg my-4">Ask your admin for a new one.</p>
+        <p className="text-sm text-bunker-400 max-w-xs px-7 text-center leading-tight">
+          <span className="bg-primary-500/40 text-black px-1 rounded-md">Note:</span> If it still {"doesn't work"}, please reach out to us at
           support@infisical.com
         </p>
-        <div
-          className=""
-        >
+        <div className="">
           <Image
             src="/images/invitation-expired.svg"
             height={500}