namirasoft-site-react 1.3.9 → 1.3.12

package/src/components/NSLinkGreen.tsx

@@ -4,21 +4,21 @@ import Style from "./NSLinkGreen.module.css";
 import React from "react";
 import { Link } from "react-router-dom";
 
-interface IProps
+export interface NSLinkGreenProps
 {
     title: string;
     href: string;
 }
 
-interface IState
+export interface NSLinkGreenState
 {
     title: string;
     href: string;
 }
 
-export class NSLinkGreen extends React.Component<IProps, IState>
+export class NSLinkGreen extends React.Component<NSLinkGreenProps, NSLinkGreenState>
 {
-    constructor(props: IProps)
+    constructor(props: NSLinkGreenProps)
     {
         super(props);
         this.state = { title: props.title, href: props.href };

package/src/components/NSLinkRed.tsx

@@ -4,21 +4,21 @@ import Style from "./NSLinkRed.module.css";
 import React from "react";
 import { Link } from "react-router-dom";
 
-interface IProps
+export interface NSLinkRedProps
 {
     title: string;
     href: string;
 }
 
-interface IState
+export interface NSLinkRedState
 {
     title: string;
     href: string;
 }
 
-export class NSLinkRed extends React.Component<IProps, IState>
+export class NSLinkRed extends React.Component<NSLinkRedProps, NSLinkRedState>
 {
-    constructor(props: IProps)
+    constructor(props: NSLinkRedProps)
     {
         super(props);
         this.state = { title: props.title, href: props.href };

package/src/components/NSPagination.module.css

@@ -1,12 +1,13 @@
 .ns_pagination_container {
     display: flex;
     flex-direction: row;
-    gap: 18px;
+    gap: 16px;
     text-align: left;
     padding-left: 48px;
     font-size: 14px;
     justify-items: center;
     line-height: 35px;
+	margin-top: 16px;
 }
 
 @media only screen and (max-width: 600px) {
@@ -22,4 +23,9 @@
     width: 32px;
     text-align: center;
     align-items: center;
+}
+
+.ns_paginate_link { 
+	color: #fff;
+	text-decoration: none;
 }

package/src/components/NSPagination.tsx

@@ -1,21 +1,23 @@
 "use client";
 
-import './NSPagination.module.css';
+import Styles from './NSPagination.module.css';
 import { Component } from 'react';
 
-interface IProps
+export interface NSPaginationProps
 {
     size: number;
     page: number;
 }
-interface IState
+
+export interface NSPaginationState
 {
     size: number;
     page: number;
 }
-export class NSPagination extends Component<IState, IProps>
+
+export class NSPagination extends Component<NSPaginationState, NSPaginationProps>
 {
-    constructor(props: IProps)
+    constructor(props: NSPaginationProps)
     {
         super(props);
         this.state = { size: props.size, page: props.page }
@@ -31,23 +33,47 @@ export class NSPagination extends Component<IState, IProps>
         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>);
+				arr.push(
+					<div className={`${Styles.center_number}`}>
+						<a href='#' className={`${Styles.center_number} text-decoration-none text-light ${Styles.ns_paginate_link}`}>{index}</a>
+					</div>
+				);
             else
-                arr.push(<div><a href='#' className='text-decoration-none text-light'>{index}</a></div>);
+				arr.push(
+					<div>
+						<a href='#' className={`text-decoration-none text-light ${Styles.ns_paginate_link}`}>{index}</a>
+					</div>
+				);
         };
-        arr.push(<div><a href='#'><img src='/assets/images/left-vector.png' alt='left_vector'></img></a></div>);
+		arr.push(
+			<div>
+				<a href='#'> <img src='/assets/images/left-vector.png' alt='left_vector' /> </a>
+			</div>
+		);
         pushPage(1);
         if (page > window * 2)
-            arr.push(<div><a href='#' className='text-decoration-none text-light'>...</a></div>);
+			arr.push(
+				<div>
+					<a href='#' className={`${Styles.ns_paginate_link}`}>...</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>);
+			arr.push(
+				<div>
+					<a href='#' className={`${Styles.ns_paginate_link}`}>...</a>
+				</div>
+			);
         pushPage(size);
-        arr.push(<div><a href='#'><img src='/assets/images/right-vector.png' alt='right_vector'></img></a></div>);
+		arr.push(
+			<div>
+				<a href='#'> <img src='/assets/images/right-vector.png' alt='right_vector'/> </a>
+			</div>
+		);
 
         return (
-            <div className="ns_pagination_container d-flex flex-row gap-3 mt-3">
+            <div className={`${Styles.ns_pagination_container}`}>
                 {arr.map(x => (x))}
             </div>
         );

package/src/components/NSSection.tsx

@@ -3,14 +3,15 @@
 import { Component, ReactNode } from "react";
 import Styles from './NSSection.module.css'
 import { Background } from "../types/Background";
-interface NSSectionProps
+
+export interface NSSectionProps
 {
 	children: ReactNode;
 	background?: Background;
 	padding_bottom?: string
 }
 
-interface NSSectionState
+export interface NSSectionState
 {
 	background?: Background;
 }

package/src/components/NSSectionBars.tsx

@@ -1,14 +1,12 @@
 "use client";
 
 import { Component } from 'react';
-
 import Styles from './NSSectionBars.module.css';
-
 import { NSEntityBar, NSEntityBarProps } from './NSEntityBar';
 import { NSSection } from './NSSection';
 import { Background } from '../types/Background';
 
-interface NSSectionBarsProps
+export interface NSSectionBarsProps
 {
 	background?: Background;
 	bars: NSEntityBarProps[]

package/src/components/NSSectionCards.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { Component } from 'react';
-
 import Styles from './NSSectionCards.module.css';
 import { NSTitle } from './NSTitle';
 import { NSCard, NSCardProps } from './NSCard';
@@ -9,7 +8,7 @@ import { NSSection } from './NSSection';
 import { NSLinkBlue } from './NSLinkBlue';
 import { Background } from '../types/Background';
 
-interface NSSectionCardsProps
+export interface NSSectionCardsProps
 {
 	title?: {
 		text: string,

package/src/components/NSSectionTitle.tsx

@@ -1,10 +1,11 @@
 "use client";
+
 import { Component, ReactNode } from 'react';
 import { NSSection } from './NSSection';
 import { NSTitle } from './NSTitle';
 import { Background } from '../types/Background';
 
-interface NSSectionTitleProps
+export interface NSSectionTitleProps
 {
 	title: {
 		text: string,

package/src/components/NSSelectBox.tsx

@@ -6,19 +6,19 @@ import { Select, Space } from 'antd';
 import type { SelectProps } from 'antd';
 // import { CaretDownOutlined } from '@ant-design/icons'
 
-interface IProps
+export interface NSSelectBoxProps
 {
     title: string;
     options: SelectProps['options'];
 }
 
-interface IState
+export interface NSSelectBoxState
 {
     value: string[];
 }
 
-export class NSSelectBox extends React.Component<IProps, IState> {
-    constructor(props: IProps)
+export class NSSelectBox extends React.Component<NSSelectBoxProps, NSSelectBoxState> {
+    constructor(props: NSSelectBoxProps)
     {
         super(props);
         this.state = {
@@ -56,6 +56,4 @@ export class NSSelectBox extends React.Component<IProps, IState> {
             </div>
         );
     }
-}
-
-
+}

package/src/components/NSTable.tsx

@@ -3,7 +3,7 @@
 import "./NSTable.modules.css";
 import { Component } from 'react';
 
-interface IProps<RowType>
+export interface NSTableProps<RowType>
 {
     columns: { [key: string]: string };
     rows: RowType[];
@@ -12,15 +12,15 @@ interface IProps<RowType>
     getCell: (row: RowType, column: string, rowIndex: number, columnIndex: number) => any;
 }
 
-interface IState<RowType>
+export interface NSTableState<RowType>
 {
     columns: { [key: string]: string };
     rows: RowType[];
 }
 
-export class NSTable<RowType> extends Component<IProps<RowType>, IState<RowType>>
+export class NSTable<RowType> extends Component<NSTableProps<RowType>, NSTableState<RowType>>
 {
-    constructor(props: IProps<RowType>)
+    constructor(props: NSTableProps<RowType>)
     {
         super(props);
         this.state = { columns: props.columns, rows: props.rows };

package/src/components/NSTitle.tsx

@@ -1,15 +1,15 @@
 "use client";
-import { Component } from 'react';
 
-//Styles 
+import { Component } from 'react';
 import Styles from './NSTitle.module.css';
 
-interface NSTitleProps
+export interface NSTitleProps
 {
 	title: string;
 	color?: string;
 	text_align?: string;
 }
+
 export class NSTitle extends Component<NSTitleProps> {
 	override render()
 	{