chore: weighted tweets (supabase#39917)

* add new tweets and remove old

* randomise on sign in

* prefer higher weights

* single source of truth

* additional tweet

* clean up extraneous content

Author: dnywh

apps/studio/components/layouts/SignInLayout/SignInLayout.tsx

@@ -86,9 +86,24 @@ const SignInLayout = ({
   } | null>(null)
 
   useEffect(() => {
-    const randomQuote = tweets[Math.floor(Math.random() * tweets.length)]
-
-    setQuote(randomQuote)
+    // Weighted random selection
+    // Calculate total weight (default weight is fallbackWeight for tweets without weight specified)
+    const fallbackWeight = 1
+    const totalWeight = tweets.reduce((sum, tweet) => sum + (tweet.weight ?? fallbackWeight), 0)
+
+    // Generate random number between 0 and totalWeight
+    const random = Math.random() * totalWeight
+
+    // Find the selected tweet based on cumulative weights
+    let accumulatedWeight = 0
+    for (const tweet of tweets) {
+      const weight = tweet.weight ?? fallbackWeight
+      accumulatedWeight += weight
+      if (random <= accumulatedWeight) {
+        setQuote(tweet)
+        break
+      }
+    }
   }, [])
 
   return (

apps/www/components/Sections/TwitterSocialProof.tsx

@@ -1,22 +1,23 @@
+import { range } from 'lib/helpers'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { cn } from 'ui'
 import { TweetCard } from 'ui-patterns/TweetCard'
-import { range } from 'lib/helpers'
 
-import tweets from 'shared-data/tweets'
 import { useBreakpoint } from 'common'
 import React from 'react'
+import { topTweets } from 'shared-data/tweets'
 
 interface Props {
   className?: string
 }
 
+const tweetsData = topTweets
+
 const TwitterSocialProof: React.FC<Props> = ({ className }) => {
   const { basePath } = useRouter()
   const isSm = useBreakpoint()
   const isMd = useBreakpoint(1024)
-  const tweetsData = tweets.slice(0, 18)
 
   return (
     <>

apps/www/data/home/content.tsx

@@ -5,7 +5,7 @@ import { Button } from 'ui'
 import ProductModules from '../ProductModules'
 
 import MainProducts from 'data/MainProducts'
-import tweets from 'shared-data/tweets'
+import { topTweets } from 'shared-data/tweets'
 import { IconDiscord } from 'ui'
 
 export default () => {
@@ -188,7 +188,7 @@ export default () => {
           </Link>
         </Button>
       ),
-      tweets: tweets.slice(0, 18),
+      tweets: topTweets,
     },
   }
 }

apps/www/data/solutions/beginners.tsx

@@ -21,7 +21,7 @@ import {
 
 import { useBreakpoint } from 'common'
 import { useSendTelemetryEvent } from 'lib/telemetry'
-import { tweets } from 'shared-data'
+import { topTweets } from 'shared-data'
 import { PRODUCT_SHORTNAMES } from 'shared-data/products'
 
 const AuthVisual = dynamic(() => import('components/Products/AuthVisual'))
@@ -495,7 +495,7 @@ const data: () => {
           </Link>
         </Button>
       ),
-      tweets: tweets.slice(0, 18),
+      tweets: topTweets,
     },
     platformStarterSection: {
       id: 'platform-starter',