namirasoft-site-react 1.2.20 → 1.2.22

package/dist/App.js

@@ -18,7 +18,6 @@ import { NSInputPhone } from './components/NSInputPhone';
 import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
-import { NSLinkGreen, NSLinkRed } from './main';
 export function App() {
     const options = [
         {
@@ -42,6 +41,6 @@ export function App() {
             desc: 'Test4',
         },
     ];
-    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } }), _jsx(NSLinkGreen, { title: 'NSLinkGreen', href: '/' }), _jsx(NSLinkRed, { title: 'NSLinkRed', href: '/' })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
+    return (_jsxs("div", Object.assign({ className: "App" }, { children: [_jsx(NSHeader, { scope: 'test', name: 'test', logo: '' }), _jsxs("div", Object.assign({ className: 'my-4 container' }, { children: [_jsx(NSInputText, { title: 'Text' }), _jsx(NSInputInteger, { title: 'Integer' }), _jsx(NSInputFloat, { title: 'Floating Point' }), _jsx(NSInputPrice, { title: 'Price' }), _jsx(NSInputDate, { title: 'Date' }), _jsx(NSInputTime, { title: 'Time' }), _jsx(NSInputDuration, { title: 'Duration' }), _jsx(NSInputString, { title: 'String' }), _jsx(NSInputIP, { title: 'IP' }), _jsx(NSInputEmail, { title: 'Email' }), _jsx(NSInputSearch, { title: 'Search' }), _jsx(NSInputPhone, { title: 'Phone' }), _jsx(NSSelectBox, { title: "t", options: options }), _jsx(NSButtonGreen, { title: 'Save', onClick: () => { } }), _jsx(NSButtonRed, { title: 'Delete', onClick: () => { } })] })), _jsx(NSFooter, { scope: 'test', name: 'test', logo: '' })] })));
 }
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSLayout.d.ts

@@ -3,6 +3,7 @@ interface IProps {
     scope: string;
     logo: string;
     title: string;
+    description?: string;
     children: ReactNode;
 }
 export declare class NSLayout extends Component<IProps> {

package/dist/components/NSLayout.js

@@ -4,7 +4,7 @@ import { NSHeader } from './NSHeader';
 import { NSFooter } from './NSFooter';
 export class NSLayout extends Component {
     render() {
-        return (_jsxs("div", Object.assign({ className: "d-flex flex-column text-center text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsx("div", { children: _jsx("h1", { children: this.props.title }) }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] })));
+        return (_jsxs("div", Object.assign({ className: "d-flex flex-column text-center text-white" }, { children: [_jsx(NSHeader, { scope: this.props.scope, name: "Header", logo: this.props.logo }), _jsxs("div", { children: [_jsx("h1", { children: this.props.title }), _jsx("h4", Object.assign({ className: "page-description" }, { children: this.props.description }))] }), _jsx("main", { children: this.props.children }), _jsx(NSFooter, { scope: this.props.scope, name: "Footer", logo: this.props.logo })] })));
     }
 }
 //# sourceMappingURL=NSLayout.js.map

package/dist/components/NSLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAUtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C,iBACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,wBACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,GACzB,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,KACvE,CACV,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLayout.js","sourceRoot":"","sources":["../../src/components/NSLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAWtC,MAAM,OAAO,QAAS,SAAQ,SAAiB;IAElC,MAAM;QAEX,OAAO,CACH,6BAAK,SAAS,EAAC,2CAA2C,iBACtD,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,EAC1E,0BACI,uBAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAM,EAC3B,2BAAI,SAAS,EAAC,kBAAkB,gBAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAAM,IAC5D,EACN,yBACK,IAAI,CAAC,KAAK,CAAC,QAAQ,GACjB,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAI,KACvE,CACV,CAAC;IACN,CAAC;CACJ"}

package/dist/components/NSLinkGreen.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Style from "./NSLinkGreen.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 export class NSLinkGreen extends React.Component {
     constructor(props) {
         super(props);
@@ -14,7 +14,7 @@ export class NSLinkGreen extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx(BrowserRouter, { children: _jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })) }));
+        return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_green }, { children: this.state.title })) })));
     }
 }
 //# sourceMappingURL=NSLinkGreen.js.map

package/dist/components/NSLinkGreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcvD,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,aAAa,cACV,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,GACK,CACnB,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSLinkGreen.js","sourceRoot":"","sources":["../../src/components/NSLinkGreen.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,0BAA0B,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAAyB;IAE5D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,gBAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,CACV,CAAA;IACL,CAAC;CACJ"}

package/dist/components/NSLinkRed.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Style from "./NSLinkRed.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 export class NSLinkRed extends React.Component {
     constructor(props) {
         super(props);
@@ -14,7 +14,7 @@ export class NSLinkRed extends React.Component {
         this.setState({ href });
     }
     render() {
-        return (_jsx(BrowserRouter, { children: _jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })) }));
+        return (_jsx(Link, Object.assign({ className: "text-white text-decoration-none", to: this.state.href }, { children: _jsx("div", Object.assign({ className: Style.ns_link_red }, { children: this.state.title })) })));
     }
 }
 //# sourceMappingURL=NSLinkRed.js.map

package/dist/components/NSLinkRed.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcvD,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAE1D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,aAAa,cACV,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,GACK,CACnB,CAAA;IACL,CAAC;CACJ"}
+{"version":3,"file":"NSLinkRed.js","sourceRoot":"","sources":["../../src/components/NSLinkRed.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAcxC,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyB;IAE1D,YAAY,KAAa;QAErB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1D,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,IAAY;QAEhB,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,KAAC,IAAI,kBAAC,SAAS,EAAC,iCAAiC,EAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,gBACjE,4BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,gBAC5B,IAAI,CAAC,KAAK,CAAC,KAAK,IACf,IACH,CACV,CAAA;IACL,CAAC;CACJ"}

package/dist/pages/NSLoginPage.d.ts

@@ -3,6 +3,7 @@ import { Component } from 'react';
 interface IProps {
     title: string;
     logo: string;
+    background: string;
     href?: string;
     onClick?: () => void;
 }

package/dist/pages/NSLoginPage.js

@@ -11,7 +11,7 @@ export class NSLoginPage extends Component {
             button = _jsx(NSLinkGreen, { title: "Login", href: (_a = this.props.href) !== null && _a !== void 0 ? _a : "" });
         else if (this.props.onClick)
             button = _jsx(NSButtonGreen, { title: "Login", onClick: this.props.onClick });
-        return (_jsx("div", { children: _jsxs("div", Object.assign({ className: "d-flex flex-column align-items-center justify-content-center", style: { marginTop: "100px" } }, { children: [_jsx("div", Object.assign({ className: "m-auto" }, { children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) })), _jsx("div", { children: _jsx("h1", Object.assign({ className: "text-light text-center mb-3" }, { children: this.props.title })) }), _jsx("div", Object.assign({ className: "m-auto" }, { children: button }))] })) }));
+        return (_jsx("div", Object.assign({ style: { backgroundImage: this.props.background } }, { children: _jsxs("div", Object.assign({ className: "d-flex flex-column align-items-center justify-content-center", style: { marginTop: "100px" } }, { children: [_jsx("div", Object.assign({ className: "m-auto" }, { children: _jsx("img", { width: 256, height: 256, src: this.props.logo, alt: "logo" }) })), _jsx("div", { children: _jsx("h1", Object.assign({ className: "text-light text-center mb-3" }, { children: this.props.title })) }), _jsx("div", Object.assign({ className: "m-auto" }, { children: button }))] })) })));
     }
 }
 //# sourceMappingURL=NSLoginPage.js.map

package/dist/pages/NSLoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUtC,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,wBACI,6BAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,iBACvG,4BAAK,SAAS,EAAC,QAAQ,gBACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,IACnE,EACN,wBAAK,2BAAI,SAAS,EAAC,6BAA6B,gBAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAM,GAAM,EAC9E,4BAAK,SAAS,EAAC,QAAQ,gBAClB,MAAM,IACL,KACJ,GACJ,CACT,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"NSLoginPage.js","sourceRoot":"","sources":["../../src/pages/NSLoginPage.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAWtC,MAAM,OAAO,WAAY,SAAQ,SAAiB;IAErC,MAAM;;QAEX,IAAI,MAAM,GAAG,mBAAK,CAAC;QACnB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI;YACf,MAAM,GAAG,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,GAAI,CAAC;aACnE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YACvB,MAAM,GAAG,KAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAAC;QAC1E,OAAO,CACH,4BAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,gBAClD,6BAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,iBACvG,4BAAK,SAAS,EAAC,QAAQ,gBACnB,cAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAC,MAAM,GAAO,IACnE,EACN,wBAAK,2BAAI,SAAS,EAAC,6BAA6B,gBAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAM,GAAM,EAC9E,4BAAK,SAAS,EAAC,QAAQ,gBAClB,MAAM,IACL,KACJ,IACJ,CACT,CAAC;IACN,CAAC;CACJ"}

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "namirasoft-site-react",
-    "version": "1.2.20",
+    "version": "1.2.22",
     "main": "./dist/main.js",
     "types": "./dist/main.d.ts",
     "dependencies": {
         "@types/node": "^20.11.5",
         "@types/react": "^18.2.48",
         "@types/react-dom": "^18.2.18",
-        "antd": "^5.13.1",
+        "antd": "^5.13.2",
         "bootstrap": "^5.3.2",
         "link-react": "^3.0.0",
         "namirasoft-api-link": "^1.2.3",
@@ -19,7 +19,7 @@
         "react-dom": "^18.2.0",
         "react-phone-input-2": "^2.15.1",
         "react-phone-number-input": "^3.3.9",
-        "react-router-dom": "^6.21.2",
+        "react-router-dom": "^6.21.3",
         "react-scripts": "5.0.1"
     },
     "scripts": {

package/src/App.tsx

@@ -18,7 +18,6 @@ import { NSButtonGreen } from './components/NSButtonGreen';
 import { NSButtonRed } from './components/NSButtonRed';
 import { NSSelectBox } from './components/NSSelectBox';
 import type { SelectProps } from 'antd';
-import { NSLinkGreen, NSLinkRed } from './main';
 
 export function App()
 {
@@ -64,8 +63,6 @@ export function App()
                 <NSSelectBox title="t" options={options} />
                 <NSButtonGreen title='Save' onClick={() => { }} />
                 <NSButtonRed title='Delete' onClick={() => { }} />
-                <NSLinkGreen title='NSLinkGreen' href='/' />
-                <NSLinkRed title='NSLinkRed' href='/' />
             </div>
             <NSFooter scope='test' name='test' logo='' />
         </div>

package/src/components/NSLayout.tsx

@@ -7,9 +7,10 @@ interface IProps
     scope: string;
     logo: string;
     title: string;
+    description?: string;
     children: ReactNode;
 }
-
+    
 export class NSLayout extends Component<IProps>
 {
     override render()
@@ -19,6 +20,7 @@ export class NSLayout extends Component<IProps>
                 <NSHeader scope={this.props.scope} name="Header" logo={this.props.logo} />
                 <div>
                     <h1>{this.props.title}</h1>
+                    <h4 className="page-description">{this.props.description}</h4>
                 </div>
                 <main>
                     {this.props.children}

package/src/components/NSLinkGreen.tsx

@@ -1,6 +1,6 @@
 import Style from "./NSLinkGreen.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 interface IProps
 {
@@ -32,13 +32,11 @@ export class NSLinkGreen extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <BrowserRouter>
-                <Link className="text-white text-decoration-none" to={this.state.href}>
-                    <div className={Style.ns_link_green}>
-                        {this.state.title}
-                    </div>
-                </Link>
-            </BrowserRouter>
+            <Link className="text-white text-decoration-none" to={this.state.href}>
+                <div className={Style.ns_link_green}>
+                    {this.state.title}
+                </div>
+            </Link>
         )
     }
 }

package/src/components/NSLinkRed.tsx

@@ -1,6 +1,6 @@
 import Style from "./NSLinkRed.module.css";
 import React from "react";
-import { BrowserRouter, Link } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 interface IProps
 {
@@ -32,13 +32,11 @@ export class NSLinkRed extends React.Component<IProps, IState>
     override render()
     {
         return (
-            <BrowserRouter>
-                <Link className="text-white text-decoration-none" to={this.state.href}>
-                    <div className={Style.ns_link_red}>
-                        {this.state.title}
-                    </div>
-                </Link>
-            </BrowserRouter>
+            <Link className="text-white text-decoration-none" to={this.state.href}>
+                <div className={Style.ns_link_red}>
+                    {this.state.title}
+                </div>
+            </Link>
         )
     }
 }

package/src/pages/NSLoginPage.tsx

@@ -7,6 +7,7 @@ interface IProps
 {
     title: string;
     logo: string;
+    background: string;
     href?: string;
     onClick?: () => void;
 }
@@ -21,7 +22,7 @@ export class NSLoginPage extends Component<IProps>
         else if (this.props.onClick)
             button = <NSButtonGreen title="Login" onClick={this.props.onClick} />;
         return (
-            <div>
+            <div style={{ backgroundImage: this.props.background }}>
                 <div className="d-flex flex-column align-items-center justify-content-center" style={{ marginTop: "100px" }}>
                     <div className="m-auto">
                         <img width={256} height={256} src={this.props.logo} alt="logo"></img>