From 0de260895041710353c7a869e51e3a9083ee5110 Mon Sep 17 00:00:00 2001
From: JOYCEQL <1449239013@qq.com>
Date: Fri, 22 Nov 2024 14:12:50 +0800
Subject: [PATCH] fix: experience preview visible

---
 .../editor/experience/ExperiencePanel.tsx     |  1 -
 .../components/preview/ExperienceSection.tsx  | 81 ++++++++++---------
 2 files changed, 42 insertions(+), 40 deletions(-)

diff --git a/apps/fronted/src/components/editor/experience/ExperiencePanel.tsx b/apps/fronted/src/components/editor/experience/ExperiencePanel.tsx
index 3390b16..aa90f7f 100644
--- a/apps/fronted/src/components/editor/experience/ExperiencePanel.tsx
+++ b/apps/fronted/src/components/editor/experience/ExperiencePanel.tsx
@@ -9,7 +9,6 @@ import { Experience } from "@/types/resume";
 
 const ExperiencePanel = () => {
   const { theme, experience = [], updateExperience } = useResumeStore();
-  console.log(1111, "experienceexperience");
   const handleCreateProject = () => {
     const newProject: Experience = {
       id: crypto.randomUUID(),
diff --git a/apps/fronted/src/components/preview/ExperienceSection.tsx b/apps/fronted/src/components/preview/ExperienceSection.tsx
index cdc78e4..e9a03d1 100644
--- a/apps/fronted/src/components/preview/ExperienceSection.tsx
+++ b/apps/fronted/src/components/preview/ExperienceSection.tsx
@@ -25,52 +25,55 @@ export function ExperienceSection({
         themeColor={themeColor}
         globalSettings={globalSettings}
       />
-      {experience.map((exp) => (
-        <div
-          key={exp.id}
-          style={{
-            marginTop: `${globalSettings?.paragraphSpacing}px`
-          }}
-        >
-          <div className="flex justify-between items-start">
-            <div>
-              <h4
-                className="font-medium text-gray-800"
-                style={{
-                  fontSize: `${globalSettings?.subheaderSize || 16}px`
-                }}
-              >
-                {exp.company}
-              </h4>
+      {experience.map(
+        (exp) =>
+          exp.visible && (
+            <div
+              key={exp.id}
+              style={{
+                marginTop: `${globalSettings?.paragraphSpacing}px`
+              }}
+            >
+              <div className="flex justify-between items-start">
+                <div>
+                  <h4
+                    className="font-medium text-gray-800"
+                    style={{
+                      fontSize: `${globalSettings?.subheaderSize || 16}px`
+                    }}
+                  >
+                    {exp.company}
+                  </h4>
+                  <p
+                    className="text-gray-600"
+                    style={{
+                      fontSize: `${globalSettings?.baseFontSize || 14}px`
+                    }}
+                  >
+                    {exp.position}
+                  </p>
+                </div>
+                <span
+                  className="text-gray-600"
+                  style={{
+                    fontSize: `${globalSettings?.baseFontSize || 14}px`
+                  }}
+                >
+                  {exp.date}
+                </span>
+              </div>
               <p
                 className="text-gray-600"
                 style={{
-                  fontSize: `${globalSettings?.baseFontSize || 14}px`
+                  fontSize: `${globalSettings?.baseFontSize || 14}px`,
+                  lineHeight: globalSettings?.lineHeight || 1.6
                 }}
               >
-                {exp.position}
+                {exp.details}
               </p>
             </div>
-            <span
-              className="text-gray-600"
-              style={{
-                fontSize: `${globalSettings?.baseFontSize || 14}px`
-              }}
-            >
-              {exp.date}
-            </span>
-          </div>
-          <p
-            className="text-gray-600"
-            style={{
-              fontSize: `${globalSettings?.baseFontSize || 14}px`,
-              lineHeight: globalSettings?.lineHeight || 1.6
-            }}
-          >
-            {exp.details}
-          </p>
-        </div>
-      ))}
+          )
+      )}
     </motion.div>
   );
 }