neplextech / canvacord

Easily generate images using react-like components in nodejs. Canvacord is suitable for creating dynamic images such as social media posts, greetings cards, memes, etc. It is also possible to create your own templates and builders to generate images. You are only limited by your imagination.
https://canvacord.neplex.dev
GNU General Public License v3.0
254 stars 72 forks source link

Add invisible StatusData #201

Closed DylanDelobel closed 7 months ago

DylanDelobel commented 7 months ago

Description

Add invisible to StatusData following Discord API

Motivation and Context

https://github.com/neplextech/canvacord/issues/200

Screenshots (if appropriate):

image

Types of changes

Checklist:

netlify[bot] commented 7 months ago

Deploy Preview for canvacord ready!

Name Link
Latest commit ca04bb32d517cdce5a7802d0e888fc8f58d25918
Latest deploy log https://app.netlify.com/sites/canvacord/deploys/65de6dd5eee6b600089d9185
Deploy Preview https://deploy-preview-201--canvacord.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

3vil3vo commented 7 months ago

src/components/rank-card/NeoClassicalCard.tsx(147,24): error TS7053: Element implicitly has an 'any' type because expression of type '"online" | "idle" | "dnd" | "offline" | "streaming" | "invisible" | RankCardUserStatus.Online | RankCardUserStatus.Idle | RankCardUserStatus.DoNotDisturb | RankCardUserStatus.Offline | RankCardUserStatus.Streaming | RankCardUserStatus.Invisible' can't be used to index type '{ online: string; idle: string; dnd: string; offline: string; streaming: string; }'. Property 'invisible' does not exist on type '{ online: string; idle: string; dnd: string; offline: string; streaming: string; }'.

you need to update Colors inside of the NeoClassicalCard:

  const Colors = {
  online: "#43b581",
  idle: "#faa61a",
  dnd: "#f04747",
  offline: "#747f8d",
  streaming: "#593695",
  invisible: "#747f8d",
};