Merge pull request #2299 from SpareBank1/develop_fiks-feedback

Develop fiks feedback

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",

packages/ffe-feedback-react/src/Feedback.stories.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Feedback } from './Feedback';
+import type { StoryObj, Meta } from '@storybook/react';
+
+const meta: Meta<typeof Feedback> = {
+    title: 'components/feedback/Feedback',
+    component: Feedback,
+    tags: ['autodocs'],
+};
+export default meta;
+
+type Story = StoryObj<typeof Feedback>;
+export const Standard: Story = {
+    args: {
+        headingLevel: 2,
+    },
+    render: args => <Feedback {...args} />,
+};

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>
         );