Merge pull request #75 from techknowledge-blog/feature/knowledger-socials-and-empty-state

knowledgers

Author: leticiadia

package-lock.json

@@ -10,9 +10,6 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@mdx-js/loader": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
-    "@mdx-js/rollup": "^3.1.0",
     "@phosphor-icons/react": "^2.1.7",
     "@tailwindcss/typography": "^0.5.15",
     "axios": "^1.8.2",
@@ -23,8 +20,7 @@
     "react-router": "^7.0.2",
     "react-router-dom": "^7.4.1",
     "react-syntax-highlighter": "^15.5.0",
-    "rehype-highlight": "^6.0.0",
-    "vite-plugin-mdx": "^3.6.1"
+    "rehype-highlight": "^6.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",

package.json

@@ -20,9 +20,12 @@ export const mockKnowledgers = [
     imageProfile: MoniqueProfileImage,
     flag: "alagoas",
     social: [
-      { icon: GithubLogo, url: "" },
-      { icon: InstagramLogo, url: "" },
-      { icon: LinkedinLogo, url: "" },
+      { icon: GithubLogo, url: "https://github.com/CyberNicky" },
+      { icon: InstagramLogo, url: "https://www.instagram.com/nicky__dev/" },
+      {
+        icon: LinkedinLogo,
+        url: "https://www.linkedin.com/in/monique-campos-albuquerque/",
+      },
     ],
   },
 
@@ -59,9 +62,12 @@ export const mockKnowledgers = [
     imageProfile: JoaoProfileImage,
     flag: "alagoas",
     social: [
-      { icon: GithubLogo, url: "" },
-      { icon: InstagramLogo, url: "" },
-      { icon: LinkedinLogo, url: "" },
+      { icon: GithubLogo, url: "https://github.com/mrgreentm" },
+      { icon: InstagramLogo, url: "https://www.instagram.com/joaojacintoo/" },
+      {
+        icon: LinkedinLogo,
+        url: "https://www.linkedin.com/in/joaojacintoneto/",
+      },
     ],
   },
 
@@ -72,8 +78,8 @@ export const mockKnowledgers = [
     imageProfile: DanielProfileImage,
     flag: "alagoas",
     social: [
-      { icon: InstagramLogo, url: "" },
-      { icon: LinkedinLogo, url: "" },
+      { icon: InstagramLogo, url: "https://www.instagram.com/odaniel2d/" },
+      { icon: LinkedinLogo, url: "https://www.linkedin.com/in/daniel2d/" },
     ],
   },
 ];

src/components/cardknowledger/mockKnowledgers.ts

@@ -56,16 +56,19 @@ export function Profile() {
             <h3 className="text-xl font-bold mb-4">Artigos Publicados</h3>
 
             <div className="flex flex-col gap-2">
-              {user?.posts.map((post) => (
-                <Link to={`/posts/${post.slug}`}>
-                  <a
-                    href=""
-                    className="text-blue-400 font-semibold hover:underline"
-                  >
-                    {post.title}
-                  </a>
-                </Link>
-              ))}
+              {user?.posts && user.posts.length > 0 ? (
+                user?.posts.map((post) => (
+                  <Link key={post.slug} to={`/posts/${post.slug}`}>
+                    <span className="text-blue-400 font-semibold hover:underline">
+                      {post.title}
+                    </span>
+                  </Link>
+                ))
+              ) : (
+                <p className="text-blue-400 font-semibold">
+                  Não há artigos publicados no momento.
+                </p>
+              )}
             </div>
           </div>
         </div>
@@ -86,7 +89,7 @@ export function Profile() {
                   target="_blank"
                   className="hover:text-blue-400"
                 >
-                  <Icon key={index} size={32} />
+                  <Icon size={32} />
                 </a>
               )
             )}

src/components/posts/post/MdxProvider.tsx

@@ -1,12 +1,11 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import mdx from "@mdx-js/rollup";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), mdx()],
+  plugins: [react()],
   server: {
-    host: '0.0.0.0',
-    port: 5173
-  }
+    host: "0.0.0.0",
+    port: 5173,
+  },
 });