VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(ds.dev): example is not a shared component

Browse source
This commit is contained in:
Joost De Cock 2021-12-24 17:13:48 +01:00
parent cbac621186
commit e705da9e7f
18 changed files with 784 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

31
packages/freesewing.shared/components/mdx/example/TextOnPath/index.js Normal file
View file

@ -0,0 +1,31 @@
import React from 'react'
import { strings } from '@freesewing/i18n'
const TextOnPath = (props) => {
let text = []
// Handle translation
let translated = ''
for (let string of props.path.attributes.getAsArray('data-text')) {
if (strings[props.language]['plugin.' + string])
translated += strings[props.language]['plugin.' + string]
else translated += string.toString().replace(/"/g, '"')
translated += ' '
}
let textPathProps = {
xlinkHref: '#' + props.pathId,
startOffset: '0%'
}
let align = props.path.attributes.get('data-text-class')
if (align && align.indexOf('center') > -1) textPathProps.startOffset = '50%'
else if (align && align.indexOf('right') > -1) textPathProps.startOffset = '100%'
return (
<text>
<textPath {...textPathProps}>
<tspan {...props.path.attributes.asPropsIfPrefixIs('data-text-')}>{translated}</tspan>
</textPath>
</text>
)
}
export default TextOnPath