@fullsession.io/fs-feedback-widget 1.7.1 → 1.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullsession.io/fs-feedback-widget",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

package/src/Icons/reactionIcons.svelte

@@ -6,13 +6,13 @@
   export let width = "40px";
   export let height = "40px";
   let emotIcons =
-    emotIconType == "1"
+    emotIconType == "0"
       ? icons_1
-      : emotIconType == "2"
+      : emotIconType == "1"
       ? icons_2
-      : emotIconType == "3"
+      : emotIconType == "2"
       ? icons_3
-      : emotIconType == "4"
+      : emotIconType == "3"
       ? icons_4
       : null;
   let icons = [
@@ -71,7 +71,7 @@
   let displayIcon = icons.find((e) => e.name === name);
 </script>
 
-{#if emotIconType === 3}
+{#if emotIconType === "2"}
 <svg
   class={$$props.class}
   {focusable}

package/src/widgetPages/reactionPage.svelte

@@ -198,7 +198,7 @@
             <Icons bind:name={changingReactionNames[0]} bind:emotIconType={widgetEmotIconType} />
           </div>
 
-          <p class="fsReactionText">Hate</p>
+          <p class="fsReactionText" class:icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
         </div>
 
         <div
@@ -209,7 +209,7 @@
             <Icons bind:name={changingReactionNames[1]} bind:emotIconType={widgetEmotIconType} />
           </div>
 
-          <p class="fsReactionText" class:icons3-text={widgetEmotIconType === 3}>Dislike</p>
+          <p class="fsReactionText" class:icons3-text={widgetEmotIconType === "2"}>Dislike</p>
         </div>
         <div
           class="fsIconTextCont"
@@ -225,13 +225,13 @@
           <div class="fsReactionIcon">
             <Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
           </div>
-          <p class="fsReactionText" class:icons3-text={widgetEmotIconType === 3}>Like</p>
+          <p class="fsReactionText" class:icons3-text={widgetEmotIconType === "2"}>Like</p>
         </div>
         <div class="fsIconTextCont" on:click={() => openComment(2, 5, "love")}>
           <div class="fsReactionIcon">
             <Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
           </div>
-          <p class="fsReactionText">Love</p>
+          <p class="fsReactionText" class:icons3-text-2={widgetEmotIconType === "2"}>Love</p>
         </div>
       </div>
     </div>
@@ -272,7 +272,7 @@
           {/if}
         </div>
 
-        <p class="fsReactionText" id="fsHateDiv">Hate</p>
+        <p class="fsReactionText" id="fsHateDiv" class:icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
       </div>
 
       <div class="fsIconTextCont" on:click={() => openComment(2, 2, "dislike")}>
@@ -284,7 +284,7 @@
           {/if}
         </div>
 
-        <p class="fsReactionText" id="fsDislikeDiv" class:icons3-text={widgetEmotIconType === 3}>Dislike</p>
+        <p class="fsReactionText" id="fsDislikeDiv" class:icons3-text={widgetEmotIconType === "2"}>Dislike</p>
       </div>
       <div class="fsIconTextCont" on:click={() => openComment(2, 3, "neutral")}>
         <div class="fsReactionIcon">
@@ -305,7 +305,7 @@
             <Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
           {/if}
         </div>
-        <p class="fsReactionText" id="fsLikeDiv" class:icons3-text={widgetEmotIconType === 3}>Like</p>
+        <p class="fsReactionText" id="fsLikeDiv" class:icons3-text={widgetEmotIconType === "2"}>Like</p>
       </div>
       <div class="fsIconTextCont">
         <div class="fsReactionIcon" on:click={() => openComment(2, 5, "love")}>
@@ -315,7 +315,7 @@
             <Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
           {/if}
         </div>
-        <p class="fsReactionText" id="fsLoveDiv">Love</p>
+        <p class="fsReactionText" id="fsLoveDiv" class:icons3-text-2={widgetEmotIconType === "2"}>Love</p>
       </div>
     </div>
 

package/src/widgetPages/reactionpage.css

@@ -40,6 +40,10 @@
 }
 
 .icons3-text {
+  padding-left: 5px;
+}
+
+.icons3-text-2 {
   padding-left: 3px;
 }