This updates the svg handlerbars helper so the svg is rendered with an img tag rather than attempting to read the content of the svg file and return that to the rendered page.
The reason this is necessary is because at build time, the path to the UI bundle isn't the same as when running a UI preview build. By using an image tag we can simply refer to the uiRootPath so the image knows where to look when the page is compiled to its static HTML
To test:
Pull down and checkout this branch
Run gulp bundle
In the datastax docs site repo, refer to the UI bundle path given with the output of the above command
run npm run build:develop for the datastax docs site
Navigate to the tutorial template and see that the collab svg is rendering for the Run this on Colab button
This updates the svg handlerbars helper so the svg is rendered with an
img
tag rather than attempting to read the content of the svg file and return that to the rendered page.The reason this is necessary is because at build time, the path to the UI bundle isn't the same as when running a UI preview build. By using an image tag we can simply refer to the
uiRootPath
so the image knows where to look when the page is compiled to its static HTMLTo test:
gulp bundle
npm run build:develop
for the datastax docs site