fix: feedback widget render error after submit feedback (#1335)

* fix: feedback widget render error after submit feedback

* fix: widget logic

Author: Rodra

plugins/UnitTranslationPlugin/feedback-widget/__snapshots__/index.test.jsx.snap

@@ -141,7 +141,7 @@ exports[`<FeedbackWidget /> renders hidden by default 1`] = `
 
 exports[`<FeedbackWidget /> renders show when elemReady is true 1`] = `
 <div
-  className="sequence-container d-inline-flex flex-row"
+  className="sequence-container d-inline-flex flex-row w-100"
 >
   <div
     className="sequence w-100"

plugins/UnitTranslationPlugin/feedback-widget/index.jsx

@@ -42,8 +42,8 @@ const FeedbackWidget = ({
   }, [ref.current]);
 
   return (
-    (showFeedbackWidget || showGratitudeText) && (
-      <div ref={ref} className={elemReady ? 'sequence-container d-inline-flex flex-row' : 'd-none'}>
+    <div ref={ref} className={(elemReady) ? 'sequence-container d-inline-flex flex-row w-100' : 'd-none'}>
+      {(showFeedbackWidget || showGratitudeText) ? (
         <div className="sequence w-100">
           {
             showFeedbackWidget && (
@@ -99,8 +99,8 @@ const FeedbackWidget = ({
             )
           }
         </div>
-      </div>
-    )
+      ) : null}
+    </div>
   );
 };
 

plugins/UnitTranslationPlugin/feedback-widget/index.test.jsx

@@ -82,9 +82,11 @@ describe('<FeedbackWidget />', () => {
       showFeedbackWidget: false,
       showGratitudeText: false,
     });
+    useState.mockReturnValueOnce([true, jest.fn()]);
     const wrapper = shallow(<FeedbackWidget {...props} />);
-    expect(wrapper.isEmptyRender()).toBe(true);
+    expect(wrapper.instance.findByType('div')[0].children.length).toBe(0);
   });
+
   it('render feedback widget', () => {
     mockUseFeedbackWidget({
       showFeedbackWidget: true,
@@ -93,6 +95,7 @@ describe('<FeedbackWidget />', () => {
     const wrapper = shallow(<FeedbackWidget {...props} />);
     expect(wrapper.snapshot).toMatchSnapshot();
   });
+
   it('render gratitude text', () => {
     mockUseFeedbackWidget({
       showFeedbackWidget: false,