feat(ffe-feedback-react): bytter ut lottie animasjon mot vanlig bilde

SpareBank1 · Sep 17, 2024 · 9e00b11 · 9e00b11
1 parent 2a5a9cb
commit 9e00b11
Show file tree

Hide file tree

Showing 5 changed files with 217 additions and 24,184 deletions.
diff --git a/packages/ffe-feedback-react/package.json b/packages/ffe-feedback-react/package.json
@@ -31,8 +31,7 @@
         "@sb1/ffe-core-react": "^9.1.3",
         "@sb1/ffe-feedback": "^2.0.4",
         "@sb1/ffe-form-react": "^21.1.11",
-        "classnames": "^2.3.1",
-        "lottie-web": "^5.12.2"
+        "classnames": "^2.3.1"
     },
     "devDependencies": {
         "@sb1/ffe-buildtool": "^0.9.0",

diff --git a/packages/ffe-feedback-react/src/Animation.tsx b/packages/ffe-feedback-react/src/Animation.tsx
diff --git a/packages/ffe-feedback-react/src/Feedback.tsx b/packages/ffe-feedback-react/src/Feedback.tsx
@@ -1,10 +1,10 @@
 import React, { useState, useRef, useId } from 'react';
 import { flushSync } from 'react-dom';
-import { Animation } from './Animation';
 import { txt } from './i18n/texts';
 import { FeedbackThumbs, Thumb } from './FeedbackThumbs';
 import classNames from 'classnames';
 import { FeedbackExpanded, FeedbackExpandedProps } from './FeedbackExpanded';
+import { HighFive } from './HighFive';
 
 export interface FeedbackProps {
     headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
@@ -72,7 +72,7 @@ export const Feedback: React.FC<FeedbackProps> = ({
                         },
                         txt[locale].FEEDBACK_SENT_HEADING,
                     )}
-                    <Animation />
+                    <HighFive />
                 </div>
             </div>
         );