feat: add svg icon default import to copy

gravity-ui · May 26, 2023 · 9700af6 · 9700af6
1 parent e246bde
commit 9700af6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/.storybook/src/IconTooltip/IconTooltip.tsx b/.storybook/src/IconTooltip/IconTooltip.tsx
@@ -8,6 +8,7 @@ export interface IconTooltipProps {
     componentName: string;
     svgPath: string;
     importLine: string;
+    importSvg: string;
     children: React.ReactElement;
     forceOpen?: boolean;
 }
@@ -17,6 +18,7 @@ const b = block('icon-tooltip');
 export function IconTooltip({
     componentName,
     svgPath,
+    importSvg,
     importLine,
     forceOpen,
     children,
@@ -37,7 +39,13 @@ export function IconTooltip({
                         {svgPath}
                     </Label>
                 </div>
-                <div className={b('label')}>Import</div>
+                <div className={b('label')}>Import Svg</div>
+                <div className={b('value')}>
+                    <Label type="copy" copyText={importSvg}>
+                        {importSvg}
+                    </Label>
+                </div>
+                <div className={b('label')}>Import Component</div>
                 <div className={b('value')}>
                     <Label type="copy" copyText={importLine}>
                         {importLine}

diff --git a/.storybook/src/Showcase.stories.tsx b/.storybook/src/Showcase.stories.tsx
@@ -75,6 +75,7 @@ export const Showcase: Story = () => {
                             key={meta.svgName}
                             componentName={meta.componentName}
                             svgPath={buildIconSvgPath(meta.svgName)}
+                            importSvg={buildImportSvgPath(meta.svgName, meta.componentName)}
                             importLine={buildIconImportLine(meta.componentName)}
                             forceOpen={filteredItems.length === 1}
                         >
@@ -92,6 +93,10 @@ export const Showcase: Story = () => {
 };
 Showcase.storyName = 'Showcase';
 
+function buildImportSvgPath(svgName: string, componentName: string) {
+    return `import ${componentName}Icon '@gravity-ui/icons/svgs/${svgName}.svg'`;
+}
+
 function buildIconSvgPath(svgName: string) {
     return `@gravity-ui/icons/svgs/${svgName}.svg`;
 }