@chora-io/chora - npm Package Compare versions

Comparing version 0.1.0-alpha3 to 0.1.0-alpha4

components/Header.d.ts

@@ -1,2 +0,2 @@
-declare const Header: () => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ title, itemsLeft, itemsRight }: any) => import("react/jsx-runtime").JSX.Element;
 export default Header;

components/Header.js

@@ -7,15 +7,7 @@ 'use client';
 import { ThemeContext } from '../contexts';
-import ConnectWallet from './ConnectWallet';
-import ThemeButton from './ThemeButton';
-import choraLogoDark from 'chora/assets/images/chora_dark_icon.png';
-import choraLogoLight from 'chora/assets/images/chora_light_icon.png';
+import ThemeButton from '../components/ThemeButton';
+import choraLogoDark from '../assets/images/chora_dark_small.png';
+import choraLogoLight from '../assets/images/chora_light_small.png';
 import styles from './Header.module.css';
-const Header = () => {
-    let local = false;
-    if (typeof window !== 'undefined' &&
-        (window.location.hostname == '0.0.0.0' ||
-            window.location.hostname == '127.0.0.1' ||
-            window.location.hostname == 'localhost')) {
-        local = true;
-    }
+const Header = ({ title, itemsLeft, itemsRight }) => {
     const { darkTheme, setDarkTheme } = useContext(ThemeContext);
@@ -30,6 +22,6 @@ const toggleTheme = () => {
     };
-    return (_jsx("div", { className: styles.header, children: _jsxs("div", { children: [_jsx("div", { className: styles.title, children: _jsxs(Link, { href: local
-                            ? 'http://' + window.location.hostname + ':3000'
-                            : 'https://chora.io', children: [_jsx(Image, { alt: "chora", src: darkTheme ? choraLogoDark : choraLogoLight }), _jsx("div", { children: 'chora' })] }) }), _jsxs("div", { className: styles.menu, children: [_jsx(ConnectWallet, {}), _jsx(ThemeButton, { darkTheme: darkTheme, toggleTheme: toggleTheme })] })] }) }));
+    return (_jsxs("div", { className: styles.header, children: [_jsx("div", { style: { display: 'none' }, children: darkTheme?.toString() }), _jsxs("div", { children: [title ? (_jsx("div", { className: styles.title, children: _jsxs(Link, { href: title.link || '/', children: [_jsx(Image, { alt: "chora", src: darkTheme ? choraLogoDark : choraLogoLight }), _jsxs("div", { children: ['chora ', title.titleX && (_jsx("span", { style: { opacity: '0.75' }, children: title.titleX }))] })] }) })) : (_jsx("div", {})), _jsxs("div", { className: styles.menu, children: [(itemsLeft || itemsRight) && (_jsxs("ul", { children: [itemsLeft &&
+                                        itemsLeft.map((item) => (_jsx("li", { children: _jsx(Link, { href: item.link, children: item.title }) }, item.title))), itemsLeft && itemsRight && (_jsx("li", { className: styles.divider, children: '|' })), itemsRight &&
+                                        itemsRight.map((item) => (_jsx("li", { children: _jsx(Link, { href: item.link, target: "_blank", children: item.title }) }, item.title)))] })), _jsx(ThemeButton, { darkTheme: darkTheme, toggleTheme: toggleTheme })] })] })] }));
 };
 export default Header;

components/index.d.ts

@@ -0,4 +1,7 @@
+export { default as Background } from './Background';
 export { default as ConnectWallet } from './ConnectWallet';
 export { default as Faucet } from './Faucet';
+export { default as Footer } from './Footer';
 export { default as Header } from './Header';
+export { default as HeaderWallet } from './HeaderWallet';
 export { default as InputAddress } from './InputAddress';
@@ -5,0 +8,0 @@ export { default as InputDenom } from './InputDenom';

components/index.js

@@ -0,4 +1,7 @@
+export { default as Background } from './Background';
 export { default as ConnectWallet } from './ConnectWallet';
 export { default as Faucet } from './Faucet';
+export { default as Footer } from './Footer';
 export { default as Header } from './Header';
+export { default as HeaderWallet } from './HeaderWallet';
 export { default as InputAddress } from './InputAddress';
@@ -5,0 +8,0 @@ export { default as InputDenom } from './InputDenom';

package.json

 {
   "name": "@chora-io/chora",
   "description": "chora webkit",
-  "version": "0.1.0-alpha3",
+  "version": "0.1.0-alpha4",
   "homepage": "https://chora.io",
@@ -6,0 +6,0 @@ "bugs": {

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3892236

increased by0.15%

Number of package files

278

increased by3.35%

Lines of code

4159

increased by4.47%

Number of medium supply chain risk alerts

11

decreased by-8.33%

No dependency changes