add social icons. improve posthog logs

Author: maslianok

app/profile/[login]/components/profile-timeline.tsx

@@ -48,6 +48,15 @@ const ProfileTimelineDescription: FC<ProfileTimelineDescriptionProps> = ({ type,
   const before = parseChangesetItem(changeset.b);
   const after = parseChangesetItem(changeset.a);
 
+  if (type === 'avatarUrl') {
+    return (
+      <div className="flex gap-2">
+        <span>Avatar:</span>
+        <span>changed</span>
+      </div>
+    );
+  }
+
   return (
     <div className="flex gap-2">
       <span className="shrink-0">{`${splitCamelCase(type)}:`}</span>

app/profile/[login]/utils/get-social-icon.ts

@@ -1,6 +1,16 @@
-import { FaMastodon } from 'react-icons/fa';
-import { FaBluesky, FaXTwitter, FaInstagram, FaLinkedinIn, FaStackOverflow, FaNpm } from 'react-icons/fa6';
+import { FaMastodon, FaYoutube, FaTwitch } from 'react-icons/fa';
+import {
+  FaBluesky,
+  FaXTwitter,
+  FaInstagram,
+  FaLinkedinIn,
+  FaStackOverflow,
+  FaNpm,
+  FaGitlab,
+  FaGithub,
+} from 'react-icons/fa6';
 import { IoShareSocialOutline } from 'react-icons/io5';
+import { SiBinance } from 'react-icons/si';
 
 export const getSocialIcon = (provider: string, url: string = '') => {
   switch (provider) {
@@ -24,6 +34,26 @@ export const getSocialIcon = (provider: string, url: string = '') => {
         return FaStackOverflow;
       }
 
+      if (url.indexOf('youtube.com') > -1) {
+        return FaYoutube;
+      }
+
+      if (url.indexOf('binance.com') > -1) {
+        return SiBinance;
+      }
+
+      if (url.indexOf('twitch.tv') > -1) {
+        return FaTwitch;
+      }
+
+      if (url.indexOf('gitlab.com') > -1) {
+        return FaGitlab;
+      }
+
+      if (url.indexOf('github.com') > -1) {
+        return FaGithub;
+      }
+
       return IoShareSocialOutline;
     }
   }

lib/posthog/post-hog-provider.tsx

@@ -7,6 +7,11 @@ import { Suspense, useEffect } from 'react';
 
 export function PostHogProvider({ children }: { children: React.ReactNode }) {
   useEffect(() => {
+    if (process.env.NODE_ENV === 'development') {
+      // Disable PostHog in development mode
+      return;
+    }
+
     posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY!, {
       api_host: '/ingest',
       ui_host: 'https://eu.posthog.com',