react demo icon error

https://prnt.sc/vjA_MQtHBTyg

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (10)

Hi,

Please write more details of your case. Where you are getting this issue (cause in our production website we don't have such behavior: https://preview.keenthemes.com/metronic8/react/demo1/dashboard).
I've checked the last version locally and it works fine also.

Regards,
Keenthemes support

https://github.com/BerkanARIKAN/demo1


menu icon not working and screen freezes in development while project is running

Hi,

I've checked your commit, and added comment here: https://github.com/BerkanARIKAN/demo1/commit/d382ab6a940073d294dfa62884f18e2e5b1ba5a4#r74312781.

Regards,
Keenthemes support

https://github.com/BerkanARIKAN/demo1/commit/512541441ff92747d6b87c7429be743855010e53

are you kidding me,

menu icon not working and screen freezes in development while project is running

are you kidding me,

menu icon not working and screen freezes in development while project is running

https://github.com/BerkanARIKAN/demo1/commit/512541441ff92747d6b87c7429be743855010e53

Hi again,

About freezing during the development, try to check this thread (it's already discussed: https://devs.keenthemes.com/question/metronic-frezees.

About the menu icon, what exactly do you mean 'menu icon isn't working?'. Send the concrete line of your code, it will be more clear then.
Or describe step by step how to reproduce your case.

Regards,
Keenthemes support

i used same version, I haven't done any development yet, I'm getting an error with the original version, my friend. please compile the repo


"prompts": "2.4.0",
"react-error-overlay": "^6.0.9",
"recursive-readdir": "2.2.2",
"shell-quote": "1.7.2",
"strip-ansi": "6.0.0",
"text-table": "0.2.0"

Hi again,

There is the question, where did you download the Metronic version? Cause in your GitHub repo it's already is broken: https://github.com/BerkanARIKAN/demo1/blob/512541441ff92747d6b87c7429be743855010e53/src/_metronic/helpers/components/KTSVG.tsx#L13.

It should be:

import React from 'react'
import SVG from 'react-inlinesvg'
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import {toAbsoluteUrl} from '../AssetHelpers'
type Props = {
className?: string
path: string
svgClassName?: string
}

const KTSVG: React.FC<Props> = ({className = '', path, svgClassName = 'mh-50px'}) => {
return (
<span className={`svg-icon ${className}`}>
<SVG src={toAbsoluteUrl(path)} className={svgClassName} />
</span>
)
}

export {KTSVG}

Use the correct version (not edited) for your init app commit: https://devs.keenthemes.com/metronic.

Regards,
Keenthemes support

I bought it from themeforest and downloaded it from there

Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(