feat: social proof

[jjagielka]

📑 Description

Social proof components.

• need to verify icons
• need to implement to get hits dynamically
• need to update copy writing
• need to pull Stars and Download from Flowbite-Svelte
• Not Completed
• Completed

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• I have checked the page with https://validator.unl.edu/
• All the tests have passed
• My pull request is based on the latest commit (not the npm version).

ℹ Additional Information

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 28, 2023 9:48pm
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 28, 2023 9:48pm

[shinokada]

• @zoltanszogyenyi I'm not sure about the copy because it is about Flowbite not about Flowbite-Svelte. Isn't it confusing to users?
• Stars and Downloads are not from Flowbite-Svelte and I think it can be misleading users.

[shinokada]

@zoltanszogyenyi We need to update Get Started copy as well.

[jjagielka]

Do you know how the get stats for Figma and Discord? I was search through the net, but there was nothing publicly open i.e. you need to set up the API client key. GitHub and NPM: no login required.

[shinokada]

It seems you need the server id and discord bot auth token.
@zoltanszogyenyi may know about it.

Discord Developer Portal

const serverId = 'YOUR_SERVER_ID';
const authToken = 'YOUR_BOT_AUTH_TOKEN';

fetch(`https://discord.com/api/guilds/${serverId}`, {
  headers: {
    'Authorization': `Bot ${authToken}`
  }
})
.then(response => response.json())
.then(data => {
  const onlineMembers = data.approximate_presence_count;
  console.log(`Number of members online: ${onlineMembers}`);
})
.catch(error => {
  console.error('Error fetching server information:', error);
});

[jjagielka]

Yes, that's the way I found. I was thinking that you would prefer to register the bot under Themesberg name and just share a token with me.

[shinokada]

I am in the same position as you on the Flowbite Discord channel. @zoltanszogyenyi should have access to a setting for the token.

[zoltanszogyenyi]

Hey @jjagielka @shinokada,

I pulled the data from Discord myself in a commit.

I think that for Figma we can keep it hardcoded for now - the only viable option is scraping the page.

Cheers,
Zoltan

[shinokada]

Fixed merge conflicts.