Merge pull request #185 from roman-gyver/feat-adds-pops-to-tsx-const-svg-components

nivekcode · web-flow · commit df1b581afefc · 2022-10-13T09:27:34.000+02:00
feat: adds-pops-to-tsx-const-svg-components
diff --git a/src/lib/generators/code-snippet-generators.ts b/src/lib/generators/code-snippet-generators.ts
@@ -111,7 +111,8 @@ export const generateSvgConstant = (variableName: string, filenameWithoutEnding:
 
 export function generateTSXConstant(variableName: string, svg: string) {
   const variableNameCapitalized = variableName.charAt(0).toUpperCase() + variableName.slice(1);
-  return `export const ${variableNameCapitalized} = () => (${svg});`;
+  const svgStringWithProps = svg.replace('>', ' {...props}>');
+  return `export const ${variableNameCapitalized} = (props) => (${svgStringWithProps});`;
 }
 
 export const generateExportStatement = (fileName: string, generatedIconsFolderName?: string): string => {

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,8 @@ export const generateSvgConstant = (variableName: string, filenameWithoutEnding:`
`111`	`111`
`112`	`112`	`export function generateTSXConstant(variableName: string, svg: string) {`
`113`	`113`	`const variableNameCapitalized = variableName.charAt(0).toUpperCase() + variableName.slice(1);`
`114`		- return `export const ${variableNameCapitalized} = () => (${svg});`;
	`114`	`+ const svgStringWithProps = svg.replace('>', ' {...props}>');`
	`115`	+ return `export const ${variableNameCapitalized} = (props) => (${svgStringWithProps});`;
`115`	`116`	`}`
`116`	`117`
`117`	`118`	`export const generateExportStatement = (fileName: string, generatedIconsFolderName?: string): string => {`