[#123] bugfix: achievement not selected

super-waffle · Feb 17, 2022 · 1eca254 · 1eca254
1 parent 01e815d
commit 1eca254
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 9 deletions.
diff --git a/src/components/home/achievement/myachievement.js b/src/components/home/achievement/myachievement.js
@@ -15,14 +15,20 @@ export default function Myachievement({
   // console.log(percentage,"퍼센트");
   return (
     <div className="my-achievement">
-      <div className="my-achievement__selected">
-        <img
-          src={AchieveImg}
-          alt=""
-          //   style={{ width: "100px", height: "100px" }}
-        />
-        <div className="my-achievement__selected-text">{achieveName}</div>
-      </div>
+      {achieveImg ? (
+        <div className="my-achievement__selected">
+          <img
+            src={AchieveImg}
+            alt=""
+            //   style={{ width: "100px", height: "100px" }}
+          />
+          <div className="my-achievement__selected-text">{achieveName}</div>
+        </div>
+      ) : (
+        <div className="my-achievement__not-selected">
+          선택된 업적이 없습니다
+        </div>
+      )}
       <div className="my-achievement__percentage">
         <div className="my-achievement__percentage__text">업적도감 달성률</div>
         <div className="my-achievement__percentage__graph">

diff --git a/src/statics/css/home/myAchievement.css b/src/statics/css/home/myAchievement.css
diff --git a/src/statics/css/home/myAchievement.css.map b/src/statics/css/home/myAchievement.css.map
diff --git a/src/statics/scss/home/myAchievement.scss b/src/statics/scss/home/myAchievement.scss
@@ -45,3 +45,8 @@
   width: 68%;
   display: inline-block;
 }
+.my-achievement__not-selected {
+  text-align: center;
+  padding-top: 40%;
+  color: var(--textColor-todo);
+}