update card

Author: generalentropy

README.md

@@ -1 +1 @@
-# Bit-scripts
+# Bit-scripts v2

src/App.jsx

@@ -1,8 +1,12 @@
+import { GUILDID } from "../config/globals";
+import { getDiscordGuildInfo } from "../utils/helpers";
 import CardsWrapper from "./components/CardsWrapper";
 import Header from "./components/Header";
 import Info from "./components/Info";
 import LangageSwitcher from "./components/LangSwitcher";
 
+getDiscordGuildInfo(GUILDID);
+
 function App() {
   // useEffect(() => {
   //   fetchReposData(ORGNAME);

src/components/Card.jsx

@@ -1,26 +1,35 @@
 import { useTranslation } from "react-i18next";
 import { FaGithub } from "react-icons/fa";
-// h-[calc(100%-200px)]
+import { MdOutlineRemoveRedEye } from "react-icons/md";
 
 function Card() {
   const { t } = useTranslation();
   return (
-    <div className="h-[500px] w-[300px] overflow-hidden rounded-2xl bg-neutral-900 shadow-lg">
+    <div className="h-[520px] w-[320px] overflow-hidden rounded-2xl bg-neutral-900 shadow-lg">
       <div className="h-[200px] border-b border-accent bg-[url('/images/marv.jpg')] bg-cover"></div>
-      <div className="flex flex-col px-4 py-4">
+      <div className="flex h-[calc(100%-200px)] flex-col px-4 py-4">
         <div className="text-center text-2xl font-bold text-neutral-200">
           Marv
         </div>
 
-        <div className="py-4 text-sm text-neutral-200">{t("marv")}</div>
+        <div className="h-full max-h-[180px] overflow-hidden overflow-y-auto text-ellipsis py-4 text-sm text-neutral-200">
+          {t("marv")}
+        </div>
 
-        <div className="text-center italic text-neutral-300">
+        <div className="py-4 text-center italic text-neutral-300">
           {t("devby")} <span className="font-bold">Paul</span>
         </div>
 
-        <button className="bg-accentDarker flex items-center justify-center rounded-full py-2 text-white">
-          <FaGithub size={"24"} className="mr-2" /> Visiter le repo github
-        </button>
+        <div className="flex justify-center gap-x-4 py-2">
+          <button className="bg-accentDarker flex min-w-[120px] items-center justify-center rounded-full py-2 text-white">
+            <FaGithub size={"24"} className="mr-2" />
+            Github
+          </button>
+
+          <button className="bg-accentDarker flex min-w-[120px] items-center justify-center rounded-full py-2 text-white">
+            <MdOutlineRemoveRedEye size={"24"} className="mr-2" /> Demo
+          </button>
+        </div>
       </div>
     </div>
   );

utils/helpers.js

@@ -20,7 +20,7 @@ export const fetchReposData = async (orgName) => {
   }
 };
 
-export const getDicordGuildInfo = async (guildId) => {
+export const getDiscordGuildInfo = async (guildId) => {
   if (!guildId) {
     console.error("Un ID de guilde est nécessaire");
     return null;