namirasoft-site-react 1.2.41 → 1.2.42

package/src/components/NSLinkRed.module.css

@@ -1,16 +1,16 @@
-.ns_link_red {
-    display: flex;
-    border-radius: 8px;
-    background-color: rgb(265, 63, 63, 1);
-    color: #ffffff;
-    border: 0;
-    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
-    font-size: 16px;
-    text-decoration: none;
-    width: 358px;
-    height: 48px;
-    text-align: center;
-    align-items: center;
-    justify-content: center;
-    font-weight: 400;
+.ns_link_red {
+    display: flex;
+    border-radius: 8px;
+    background-color: rgb(265, 63, 63, 1);
+    color: #ffffff;
+    border: 0;
+    box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
+    font-size: 16px;
+    text-decoration: none;
+    width: 358px;
+    height: 48px;
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+    font-weight: 400;
 }

package/src/components/NSLinkRed.tsx

@@ -1,44 +1,44 @@
-"use client";
-
-import Style from "./NSLinkRed.module.css";
-import React from "react";
-import { Link } from "react-router-dom";
-
-interface IProps
-{
-    title: string;
-    href: string;
-}
-
-interface IState
-{
-    title: string;
-    href: string;
-}
-
-export class NSLinkRed extends React.Component<IProps, IState>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = { title: props.title, href: props.href };
-    }
-    setTitle(title: string)
-    {
-        this.setState({ title });
-    }
-    setHRef(href: string)
-    {
-        this.setState({ href });
-    }
-    override render()
-    {
-        return (
-            <Link className="text-white text-decoration-none" to={this.state.href}>
-                <div className={Style.ns_link_red}>
-                    {this.state.title}
-                </div>
-            </Link>
-        )
-    }
+"use client";
+
+import Style from "./NSLinkRed.module.css";
+import React from "react";
+import { Link } from "react-router-dom";
+
+interface IProps
+{
+    title: string;
+    href: string;
+}
+
+interface IState
+{
+    title: string;
+    href: string;
+}
+
+export class NSLinkRed extends React.Component<IProps, IState>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = { title: props.title, href: props.href };
+    }
+    setTitle(title: string)
+    {
+        this.setState({ title });
+    }
+    setHRef(href: string)
+    {
+        this.setState({ href });
+    }
+    override render()
+    {
+        return (
+            <Link className="text-white text-decoration-none" to={this.state.href}>
+                <div className={Style.ns_link_red}>
+                    {this.state.title}
+                </div>
+            </Link>
+        )
+    }
 }

package/src/components/NSPagination.module.css

@@ -1,25 +1,25 @@
-.ns_pagination_container {
-    display: flex;
-    flex-direction: row;
-    gap: 18px;
-    text-align: left;
-    padding-left: 48px;
-    font-size: 14px;
-    justify-items: center;
-    line-height: 35px;
-}
-
-@media only screen and (max-width: 600px) {
-    .ns_paginationl_container {
-        padding-left: 36px;
-    }
-}
-
-.center_number {
-    background-color: rgba(6, 209, 130, 1);
-    border-radius: 50px;
-    height: 32px;
-    width: 32px;
-    text-align: center;
-    align-items: center;
+.ns_pagination_container {
+    display: flex;
+    flex-direction: row;
+    gap: 18px;
+    text-align: left;
+    padding-left: 48px;
+    font-size: 14px;
+    justify-items: center;
+    line-height: 35px;
+}
+
+@media only screen and (max-width: 600px) {
+    .ns_paginationl_container {
+        padding-left: 36px;
+    }
+}
+
+.center_number {
+    background-color: rgba(6, 209, 130, 1);
+    border-radius: 50px;
+    height: 32px;
+    width: 32px;
+    text-align: center;
+    align-items: center;
 }

package/src/components/NSPagination.tsx

@@ -1,55 +1,55 @@
-"use client";
-
-import './NSPagination.module.css';
-import { Component } from 'react';
-
-interface IProps
-{
-    size: number;
-    page: number;
-}
-interface IState
-{
-    size: number;
-    page: number;
-}
-export class NSPagination extends Component<IState, IProps>
-{
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = { size: props.size, page: props.page }
-    }
-    override render()
-    {
-        let page = this.props.page;
-        let size = this.props.size;
-        let window = 2;
-        let min = Math.max(2, page - window);
-        let max = Math.min(page + window, size - 1);
-        let arr = [];
-        let pushPage = (index: number) =>
-        {
-            if (index == page)
-                arr.push(<div className='center_number'><a href='#' className='center_number text-decoration-none text-light'>{index}</a></div>);
-            else
-                arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
-        };
-        arr.push(<div><a href='#'><img src='/assets/images/left-vector.png' alt='left_vector'></img></a></div>);
-        pushPage(1);
-        if (page > window * 2)
-            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
-        for (let i = min; i <= max; i++)
-            pushPage(i);
-        if (page <= size - window * 2)
-            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
-        pushPage(size);
-        arr.push(<div><a href='#'><img src='/assets/images/right-vector.png' alt='right_vector'></img></a></div>);
-
-        return (
-            <div className="ns_pagination_container d-flex flex-row gap-3 mt-3">
-                {arr.map(x => (x))}
-            </div>
-        );
-    }
+"use client";
+
+import './NSPagination.module.css';
+import { Component } from 'react';
+
+interface IProps
+{
+    size: number;
+    page: number;
+}
+interface IState
+{
+    size: number;
+    page: number;
+}
+export class NSPagination extends Component<IState, IProps>
+{
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = { size: props.size, page: props.page }
+    }
+    override render()
+    {
+        let page = this.props.page;
+        let size = this.props.size;
+        let window = 2;
+        let min = Math.max(2, page - window);
+        let max = Math.min(page + window, size - 1);
+        let arr = [];
+        let pushPage = (index: number) =>
+        {
+            if (index == page)
+                arr.push(<div className='center_number'><a href='#' className='center_number text-decoration-none text-light'>{index}</a></div>);
+            else
+                arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
+        };
+        arr.push(<div><a href='#'><img src='/assets/images/left-vector.png' alt='left_vector'></img></a></div>);
+        pushPage(1);
+        if (page > window * 2)
+            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
+        for (let i = min; i <= max; i++)
+            pushPage(i);
+        if (page <= size - window * 2)
+            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
+        pushPage(size);
+        arr.push(<div><a href='#'><img src='/assets/images/right-vector.png' alt='right_vector'></img></a></div>);
+
+        return (
+            <div className="ns_pagination_container d-flex flex-row gap-3 mt-3">
+                {arr.map(x => (x))}
+            </div>
+        );
+    }
 }

package/src/components/NSParentCard.module.css

@@ -1,35 +1,35 @@
-/* .section_card_container {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	padding: 48px 0;
-	gap: 48px;
-}
-
-.section_card_details>h2 {
-	color: inherit;
-	font-size: 32px;
-	font-weight: 700;
-	line-height: normal;
-	font-style: normal;
-	text-align: center;
-	margin-bottom: 16px;
-}
-
-.section_card_details>p {
-	color: inherit;
-	font-size: 16px;
-	font-weight: 400;
-	line-height: normal;
-	font-style: normal;
-	margin-bottom: 0;
-}
-
-.ns_card_container {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	gap: 24px;
+/* .section_card_container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	padding: 48px 0;
+	gap: 48px;
+}
+
+.section_card_details>h2 {
+	color: inherit;
+	font-size: 32px;
+	font-weight: 700;
+	line-height: normal;
+	font-style: normal;
+	text-align: center;
+	margin-bottom: 16px;
+}
+
+.section_card_details>p {
+	color: inherit;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: normal;
+	font-style: normal;
+	margin-bottom: 0;
+}
+
+.ns_card_container {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	gap: 24px;
 } */

package/src/components/NSParentCard.tsx.temp

@@ -1,59 +1,59 @@
-//// "use client"
-
-// import { Component } from 'react';
-// import Styles from './NSParentCard.module.css';
-
-// interface IPropsCard
-// {
-// 	title: string,
-// 	src: string,
-// 	alt?: string | undefined,
-// 	description?: string | undefined,
-// 	has_link: boolean,
-// 	href?: string | undefined,
-// 	target?: string | undefined
-// 	link_text?: string,
-// }
-
-// interface IProps
-// {
-// 	background?: {
-// 		backgroundColor?: string,
-// 		backgroundImage?: string,
-// 	},
-// 	section_title: string,
-// 	section_description?: string | undefined,
-// 	card: IPropsCard,
-// 	cards: IPropsCard[]
-// }
-
-// interface IState
-// { }
-
-// export class NSParentCard extends Component<IProps, IState> {
-// 	override render()
-// 	{
-// 		return (
-
-// 			<>
-// 				<section className={` ${Styles.section_card_container}`}>
-// 					<div className="ns-section-whitespace">
-// 						<div className="container mx-auto px-4 lg:px-12">
-// 							<div className={Styles.section_card_details}>
-// 								<h2> {this.props.section_title} </h2>
-// 								<p> {this.props.section_description} </p>
-// 							</div>
-// 						</div>
-// 					</div>
-// 				</section>
-
-// 				<section className={Styles.section_card_container} style={this.props.background} >
-// 					<div className={Styles.section_card_details}>
-// 						<h2> {this.props.section_title} </h2>
-// 						<p> {this.props.section_description} </p>
-// 					</div>
-// 				</section>
-// 			</>
-// 		);
-// 	}
+//// "use client"
+
+// import { Component } from 'react';
+// import Styles from './NSParentCard.module.css';
+
+// interface IPropsCard
+// {
+// 	title: string,
+// 	src: string,
+// 	alt?: string | undefined,
+// 	description?: string | undefined,
+// 	has_link: boolean,
+// 	href?: string | undefined,
+// 	target?: string | undefined
+// 	link_text?: string,
+// }
+
+// interface IProps
+// {
+// 	background?: {
+// 		backgroundColor?: string,
+// 		backgroundImage?: string,
+// 	},
+// 	section_title: string,
+// 	section_description?: string | undefined,
+// 	card: IPropsCard,
+// 	cards: IPropsCard[]
+// }
+
+// interface IState
+// { }
+
+// export class NSParentCard extends Component<IProps, IState> {
+// 	override render()
+// 	{
+// 		return (
+
+// 			<>
+// 				<section className={` ${Styles.section_card_container}`}>
+// 					<div className="ns-section-whitespace">
+// 						<div className="container mx-auto px-4 lg:px-12">
+// 							<div className={Styles.section_card_details}>
+// 								<h2> {this.props.section_title} </h2>
+// 								<p> {this.props.section_description} </p>
+// 							</div>
+// 						</div>
+// 					</div>
+// 				</section>
+
+// 				<section className={Styles.section_card_container} style={this.props.background} >
+// 					<div className={Styles.section_card_details}>
+// 						<h2> {this.props.section_title} </h2>
+// 						<p> {this.props.section_description} </p>
+// 					</div>
+// 				</section>
+// 			</>
+// 		);
+// 	}
 // };

package/src/components/NSSelectBox.module.css

@@ -1,29 +1,29 @@
-.ns_input_parent {
-    width: 326px;
-    max-width: 100%;
-}
-
-.ns_input_select {
-    height: 48px;
-    width: 304px !important;
-}
-
-.ns_input_select span span svg path {
-    height: 24px !important;
-    width: 24px !important;
-}
-
-.ns_input_select span span svg {
-    height: 24px !important;
-    width: 24px !important;
-}
-
-.ns_input_select span span span svg path {
-    height: 12px !important;
-    width: 12px !important;
-}
-
-.ns_input_select span span span svg {
-    height: 12px !important;
-    width: 12px !important;
+.ns_input_parent {
+    width: 326px;
+    max-width: 100%;
+}
+
+.ns_input_select {
+    height: 48px;
+    width: 304px !important;
+}
+
+.ns_input_select span span svg path {
+    height: 24px !important;
+    width: 24px !important;
+}
+
+.ns_input_select span span svg {
+    height: 24px !important;
+    width: 24px !important;
+}
+
+.ns_input_select span span span svg path {
+    height: 12px !important;
+    width: 12px !important;
+}
+
+.ns_input_select span span span svg {
+    height: 12px !important;
+    width: 12px !important;
 }

package/src/components/NSSelectBox.tsx

@@ -1,62 +1,62 @@
-"use client";
-
-import React from "react";
-import Styles from "./NSSelectBox.module.css";
-import { Select, Space } from 'antd';
-import type { SelectProps } from 'antd';
-import { CaretDownOutlined } from '@ant-design/icons'
-
-interface IProps
-{
-    title: string;
-    options: SelectProps['options'];
-}
-
-interface IState
-{
-    value: string[];
-}
-
-export class NSSelectBox extends React.Component<IProps, IState> {
-    constructor(props: IProps)
-    {
-        super(props);
-        this.state = {
-            value: [],
-        };
-        this.setValue = this.setValue.bind(this);
-    }
-    setValue(value: string[]): void
-    {
-        this.setState({ value });
-    }
-    getValue(): string[]
-    {
-        return this.state.value;
-    }
-    override render()
-    {
-
-        return (
-            <div className={`${Styles.ns_input_parent} p-2`}>
-                <Select
-                    suffixIcon={<CaretDownOutlined />}
-                    mode="multiple"
-                    style={{ width: '100%' }}
-                    className={Styles.ns_input_select}
-                    placeholder="Combo Box"
-                    onChange={this.setValue}
-                    optionLabelProp="label"
-                    options={this.props.options}
-                    optionRender={(option) => (
-                        <Space className={Styles.ns_input_select_option}>
-                            {option.data.desc}
-                        </Space>
-                    )}
-                />
-            </div>
-        );
-    }
-}
-
-
+"use client";
+
+import React from "react";
+import Styles from "./NSSelectBox.module.css";
+import { Select, Space } from 'antd';
+import type { SelectProps } from 'antd';
+import { CaretDownOutlined } from '@ant-design/icons'
+
+interface IProps
+{
+    title: string;
+    options: SelectProps['options'];
+}
+
+interface IState
+{
+    value: string[];
+}
+
+export class NSSelectBox extends React.Component<IProps, IState> {
+    constructor(props: IProps)
+    {
+        super(props);
+        this.state = {
+            value: [],
+        };
+        this.setValue = this.setValue.bind(this);
+    }
+    setValue(value: string[]): void
+    {
+        this.setState({ value });
+    }
+    getValue(): string[]
+    {
+        return this.state.value;
+    }
+    override render()
+    {
+
+        return (
+            <div className={`${Styles.ns_input_parent} p-2`}>
+                <Select
+                    suffixIcon={<CaretDownOutlined />}
+                    mode="multiple"
+                    style={{ width: '100%' }}
+                    className={Styles.ns_input_select}
+                    placeholder="Combo Box"
+                    onChange={this.setValue}
+                    optionLabelProp="label"
+                    options={this.props.options}
+                    optionRender={(option) => (
+                        <Space className={Styles.ns_input_select_option}>
+                            {option.data.desc}
+                        </Space>
+                    )}
+                />
+            </div>
+        );
+    }
+}
+
+