horizon-ui / horizon-ui-chakra Goto Github PK

User Story
As a developer,
I want to have a hidden prop in routes.js
So that I can create routes respected by react-router, but not shown in Sidebar.js

Description
A hidden prop can be added in routes.js that would still be loaded into the react-router, but not rendered in the Sidenav.
This will allow devs to not have to manually create custom router logic for their nested routes.

See PR:
https://github.com/horizon-ui/horizon-ui-chakra/pull/22/files?diff=split&w=1 (whitespace removed for readability)

Hello, i've tried using toasts from chakra ui on this template but for some reason, even on a simple test like

 <Button
      onClick={() =>
        toast({
          title: 'Account created.',
          description: "We've created your account for you.",
          status: 'success',
          duration: 9000,
          isClosable: true,
        })
      }
    >
      Show Toast
    </Button>

I get this error when i click the button
:

Day mode:

Night mode:

Hi there,
I just installed this template and started to implement routing according to my needs. But I was unable to figure what would be the correct way to allow only singed in user to access certain routes without modifying much of preset routing mechanism.

Hey everyone,
I like your template horizon-ui-pro.
I need to set by default dark them (and also remove this feature to only get dark them).
But I'm stuck. Could you help me?

Color Palette defined at https://github.com/horizon-ui/horizon-ui-chakra/blob/main/src/theme/styles.js differs from the documentation at https://horizon-ui.com/documentation/docs/theming/theme#gray
For example gray.100 in code is "#FAFCFE" whereas in documentation, it is "#EDF2F7". This leads to designs going off sync. I believe there are other examples of mismatch too.

How can i add sub url
now only /admin/xx

All pages bump JS errors/warnings in the browser console.

yarn build
This created the per usual React App optimized for the deployment.
But on serving it, it was blank and rendered nothing:

And nowhere in your docs is build instruction explained. What do we do?

OS: Ubuntu 22

Is this in the roadmap?

The latest version runs with warnings / errors during the yarn start command.

Environment

• Node v17.0.0
• Yarn 1.22.18

Full Log

WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from 'D:\work\repo-kits\simmple-react-horizon\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts' file: Error: ENOENT: no such file or directory, open 'D:\work\repo-kits\simmple-react-horizon\node_modules\stylis-plugin-rtl\src\stylis-rtl.ts'
 @ ./src/components/rtlProvider/RtlProvider.js 8:0-36 14:20-23
 @ ./src/layouts/rtl/index.js 12:0-68 139:30-41
 @ ./src/index.js 10:0-36 35:21-30

1 warning has detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

how do I remove the # from the route (like displayed in above image) such that it's http://localhost:3000/auth/default

Hi, the docs mention a TimelineRow component (https://horizon-ui.com/documentation/docs/data-display/timeline), but I can't find it in the code. Please advise.

It is showing 404 | Page Not Found
You just hit a route that doesn't exist... the sadness. 😢

Hi, would it be possible to add params routing in the project?
For example if i navigate to /admin/users/:userId.

If so is there an easy solution before i start to dismantle the code?

Thank you.

I like horizon-UI. But most of my projects use typescript. So any plan?

It makes very tedious for us to host the website

I tried to use the Timeline which comes out of the box, but it is not rendered correctly:

Also if i try to use the ample from https://horizon-ui.com/documentation/docs/data-display/timeline it does not render correctly.
The lines between the points are missing.

The issue
In the screenshot you can see that the horizon UI header has admin template being overlapped over components.

The system configurations :
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

The screenshot: