From 7ed07d28e3ff8b271d98d2425baf86cc27d057ab Mon Sep 17 00:00:00 2001
From: Marcin Sawicki <m.sawicki@livechatinc.com>
Date: Tue, 10 Dec 2024 12:28:39 +0100
Subject: [PATCH] fix(docs): removed external links for images and used static
 (#1451)

---
 .../src/components/Avatar/Avatar.stories.tsx  |  18 +++-----
 .../src/components/Card/Card.module.scss      |   1 -
 .../src/components/Card/Card.stories.tsx      |   9 ++--
 .../InviteAgents/InviteAgents.stories.tsx     |   8 ++--
 .../src/components/Picker/Picker.stories.tsx  |  41 ++++--------------
 .../src/components/Picker/constants.tsx       |   3 +-
 .../src/components/Tag/Tag.stories.tsx        |   5 +--
 .../src/stories/assets/avatar.jpg             | Bin 0 -> 16085 bytes
 .../src/stories/assets/folder.svg             |   5 +++
 9 files changed, 34 insertions(+), 56 deletions(-)
 create mode 100644 packages/react-components/src/stories/assets/avatar.jpg
 create mode 100644 packages/react-components/src/stories/assets/folder.svg

diff --git a/packages/react-components/src/components/Avatar/Avatar.stories.tsx b/packages/react-components/src/components/Avatar/Avatar.stories.tsx
index 7272513a0..7d2c1f797 100644
--- a/packages/react-components/src/components/Avatar/Avatar.stories.tsx
+++ b/packages/react-components/src/components/Avatar/Avatar.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import { Meta } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
 import { StoryDescriptor } from '../../stories/components/StoryDescriptor';
 
 import { Avatar, AvatarProps } from './Avatar';
@@ -16,8 +17,6 @@ export const Default = (args: AvatarProps): React.ReactElement => (
   <Avatar {...args} />
 );
 
-const defaultImage =
-  'https://cdn-labs.livechat-files.com/api/file/lc/img/100019504/df59da4b5b0cdb6030efb08787fd255d.jpg';
 const defaultName = 'John Doe';
 
 Default.args = {
@@ -28,7 +27,7 @@ Default.args = {
 export const Types = (): React.ReactElement => (
   <>
     <StoryDescriptor title="Image">
-      <Avatar type="image" src={defaultImage} alt="User avatar" />
+      <Avatar type="image" src={image} alt="User avatar" />
     </StoryDescriptor>
     <StoryDescriptor title="Text">
       <Avatar type="text" text={'Support Heroes'} />
@@ -100,10 +99,10 @@ export const FallbackAvatar = (): React.ReactElement => (
 export const Rim = (): React.ReactElement => (
   <>
     <StoryDescriptor title="Rim">
-      <Avatar withRim type="image" src={defaultImage} />
+      <Avatar withRim type="image" src={image} />
     </StoryDescriptor>{' '}
     <StoryDescriptor title="Rim with status">
-      <Avatar withRim status="available" type="image" src={defaultImage} />
+      <Avatar withRim status="available" type="image" src={image} />
     </StoryDescriptor>
   </>
 );
@@ -113,12 +112,7 @@ export const SizesWithStatus = (): React.ReactElement => {
     <>
       {AvatarSizes.map((size) => (
         <StoryDescriptor title={size} key={size}>
-          <Avatar
-            type="image"
-            src={defaultImage}
-            size={size}
-            status="available"
-          />
+          <Avatar type="image" src={image} size={size} status="available" />
           <Avatar
             type="text"
             text={defaultName}
@@ -137,7 +131,7 @@ export const SizesWithRim = (): React.ReactElement => {
     <>
       {AvatarSizes.map((size) => (
         <StoryDescriptor title={size} key={size} gap="12px">
-          <Avatar type="image" src={defaultImage} size={size} withRim />
+          <Avatar type="image" src={image} size={size} withRim />
           <Avatar
             type="text"
             text={defaultName}
diff --git a/packages/react-components/src/components/Card/Card.module.scss b/packages/react-components/src/components/Card/Card.module.scss
index b80fd6060..ebf1c0711 100644
--- a/packages/react-components/src/components/Card/Card.module.scss
+++ b/packages/react-components/src/components/Card/Card.module.scss
@@ -21,7 +21,6 @@ $base-class: 'card';
 
     &__image {
       border-radius: 4px;
-      background-color: var(--surface-basic-disabled);
       width: 48px;
       height: 48px;
     }
diff --git a/packages/react-components/src/components/Card/Card.stories.tsx b/packages/react-components/src/components/Card/Card.stories.tsx
index fceaf3384..efbd19516 100644
--- a/packages/react-components/src/components/Card/Card.stories.tsx
+++ b/packages/react-components/src/components/Card/Card.stories.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import { action } from '@storybook/addon-actions';
 import { Meta } from '@storybook/react';
 
+import image from '../../stories/assets/folder.svg';
 import { Card, CardProps } from '../Card';
 
 export default {
@@ -24,7 +25,7 @@ export const Default = (args: CardProps): React.ReactElement => (
 
 Default.args = {
   title: 'Card title',
-  src: 'https://via.placeholder.com/100',
+  src: image,
   alt: 'Image description',
   children:
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore',
@@ -35,7 +36,7 @@ export const Expandable = (): React.ReactElement => (
   <Card
     title="Expandable card"
     description="Click show more to expand"
-    src="https://via.placeholder.com/100"
+    src={image}
     expandableContent="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
   >
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
@@ -47,7 +48,7 @@ export const WithButtons = (): React.ReactElement => (
   <Card
     title="Expandable card"
     description="Click show more to expand"
-    src="https://via.placeholder.com/100"
+    src={image}
     buttonsOptions={[
       {
         kind: 'secondary',
@@ -70,7 +71,7 @@ export const ExpandableWithButtons = (): React.ReactElement => (
   <Card
     title="Expandable card"
     description="Click show more to expand"
-    src="https://via.placeholder.com/100"
+    src={image}
     expandableContent="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore"
     buttonsOptions={[
       {
diff --git a/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx b/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
index ac1fc7cca..00fd5a64e 100644
--- a/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
+++ b/packages/react-components/src/components/InviteAgents/InviteAgents.stories.tsx
@@ -1,6 +1,8 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
+
 import { InviteAgents } from './InviteAgents';
 
 const meta: Meta<typeof InviteAgents> = {
@@ -37,21 +39,21 @@ const mockAgents = [
     name: 'Alice Johnson 2',
     email: 'alic2@example.com',
     status: 'available' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: image,
     isBot: false,
   },
   {
     name: 'Bob Smith',
     email: 'bob3@example.com',
     status: 'unavailable' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: image,
     isBot: false,
   },
   ...[...Array(10)].map((_, index) => ({
     name: `Unknown Agent ${index}`,
     email: `unknown${index}@example.com`,
     status: 'available' as const,
-    avatar: 'https://via.placeholder.com/150',
+    avatar: image,
     isBot: index % 2 === 0,
   })),
 ];
diff --git a/packages/react-components/src/components/Picker/Picker.stories.tsx b/packages/react-components/src/components/Picker/Picker.stories.tsx
index 044da5b02..5b472a1d5 100644
--- a/packages/react-components/src/components/Picker/Picker.stories.tsx
+++ b/packages/react-components/src/components/Picker/Picker.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import { Meta, StoryFn } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
 import { StoryDescriptor } from '../../stories/components/StoryDescriptor';
 import { customHeightForChromatic } from '../../utils/chromatic-story-helpers';
 import noop from '../../utils/noop';
@@ -171,10 +172,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element one</div>
                     <div className="description">Example custom element</div>
@@ -183,10 +181,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">
                     Example custom element one
                   </div>
@@ -200,10 +195,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element two</div>
                     <div className="description">Example custom element</div>
@@ -212,10 +204,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">
                     Example custom element two
                   </div>
@@ -236,10 +225,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element one</div>
                     <div className="description">Example custom element</div>
@@ -248,10 +234,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">Example element one</div>
                 </CustomPickerOption>
               ),
@@ -263,10 +246,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
             customElement: {
               listItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image" src={image} />
                   <div>
                     <div className="title">Example custom element two</div>
                     <div className="description">Example custom element</div>
@@ -275,10 +255,7 @@ export const PickerWithOptionsAsCustomElements = (): React.ReactElement => (
               ),
               selectedItemBody: (
                 <CustomPickerOption>
-                  <img
-                    className="image selected"
-                    src="https://avatars2.githubusercontent.com/u/29309941?s=88&v=4"
-                  />
+                  <img className="image selected" src={image} />
                   <div className="title selected">Example element two</div>
                 </CustomPickerOption>
               ),
diff --git a/packages/react-components/src/components/Picker/constants.tsx b/packages/react-components/src/components/Picker/constants.tsx
index 2386083a4..9bac41440 100644
--- a/packages/react-components/src/components/Picker/constants.tsx
+++ b/packages/react-components/src/components/Picker/constants.tsx
@@ -1,5 +1,6 @@
 import { DayMode } from '@livechat/design-system-icons';
 
+import image from '../../stories/assets/avatar.jpg';
 import { Icon } from '../Icon';
 import { TagKind } from '../Tag';
 
@@ -83,7 +84,7 @@ export const DEFAULT_MORE_PICKER_OPTIONS: IPickerListItem[] = [
   {
     key: 'four',
     name: 'Option with avatar',
-    avatarSrc: 'https://avatars2.githubusercontent.com/u/29309941?s=88&v=4',
+    avatarSrc: image,
   },
 ];
 
diff --git a/packages/react-components/src/components/Tag/Tag.stories.tsx b/packages/react-components/src/components/Tag/Tag.stories.tsx
index 23cf6ddd6..67a82cc03 100644
--- a/packages/react-components/src/components/Tag/Tag.stories.tsx
+++ b/packages/react-components/src/components/Tag/Tag.stories.tsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import * as TablerIcons from '@livechat/design-system-icons';
 import { Meta } from '@storybook/react';
 
+import image from '../../stories/assets/avatar.jpg';
 import { StoryDescriptor } from '../../stories/components/StoryDescriptor';
 import noop from '../../utils/noop';
 import { Icon } from '../Icon';
@@ -15,9 +16,7 @@ const exampleIcon = <Icon source={TablerIcons.Smiles} size="small" />;
 const exampleAvatar = (
   <img
     style={{ borderRadius: '50%', width: '20px', height: '20px' }}
-    src={
-      'https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200'
-    }
+    src={image}
     alt="tag-avatar"
     data-testid="lc-tag-avatar"
   />
diff --git a/packages/react-components/src/stories/assets/avatar.jpg b/packages/react-components/src/stories/assets/avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0bb57ea0b5ff720c1146f7853af2dbc7f7daa902
GIT binary patch
literal 16085
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

literal 0
HcmV?d00001

diff --git a/packages/react-components/src/stories/assets/folder.svg b/packages/react-components/src/stories/assets/folder.svg
new file mode 100644
index 000000000..af77ee207
--- /dev/null
+++ b/packages/react-components/src/stories/assets/folder.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0848 22.5519C10.1807 23.8965 10.0847 30.1455 10.0848 30.5411C10.0848 33.547 12.0023 35.5244 13.8237 36.5527C15.6452 37.581 23.9855 41.9315 28.8747 43.118C33.7638 44.3045 34.61 41.2593 34.8184 39.954C35.5016 35.6737 34.8184 34.2779 34.8184 26.507C34.8184 19.0565 31.0796 19.2298 29.5457 18.1224C28.0119 17.015 18.1375 13.5346 13.8236 12.1899C10.3724 11.1142 9.73328 13.0337 10.0848 14.3257V17.0941C10.0848 17.6478 9.98889 21.2073 10.0848 22.5519Z" fill="#E2E2E4"/>
+<path d="M9.0731 19.2743C9.15531 20.6431 9.07304 27.0042 9.0731 27.407C9.0731 30.4668 10.717 32.4797 12.2786 33.5265C13.8402 34.5732 20.9905 39.0018 25.1821 40.2096C29.3737 41.4174 30.0991 38.3174 30.2777 36.9888C30.8635 32.6316 30.2777 31.2108 30.2777 23.3005C30.2777 15.7162 27.3672 16.1766 25.7574 15.2661C24.2442 14.4102 15.9769 10.6517 12.2784 9.28287C9.31964 8.1878 8.77175 10.0986 9.0731 11.4138L9.0731 13.7186C9.0731 14.2822 8.9909 17.9056 9.0731 19.2743Z" stroke="#1B1B20" stroke-width="2.5"/>
+<path d="M16.0728 10.0204C16.576 8.63107 18.7811 4.30452 19.4398 4.03558C20.2632 3.69942 25.1349 5.85063 25.9584 6.0523C26.7818 6.25398 30.0303 7.53995 29.6979 8.87995C29.4282 9.96716 28.2395 11.6863 29.6979 12.4852C31.6373 13.5477 35.9385 15.8738 36.4874 16.2099C37.0364 16.546 39.4491 17.7452 37.8022 22.1821C36.1554 26.619 31.6007 39.6801 28.3329 40.1924" stroke="#1B1B20" stroke-width="2.5"/>
+</svg>