namirasoft-site-react 1.3.8 → 1.3.10

package/src/components/NSLayoutHeroBanner.tsx

@@ -6,7 +6,7 @@ import Styles from './NSLayoutHeroBanner.module.css'
 import { Link } from 'react-router-dom';
 // import { NSHeader } from './NSHeader';
 
-interface IProps
+export interface NSLayoutHeroBannerProps
 {
 	scope: string;
 	logo: string;
@@ -17,7 +17,7 @@ interface IProps
 	children: ReactNode;
 }
 
-export function NSLayoutHeroBanner(props: IProps)
+export function NSLayoutHeroBanner(props: NSLayoutHeroBannerProps)
 {
 	return (
 		<NSLayout scope={props.scope} logo={props.logo} >

package/src/components/NSLayoutTitle.tsx

@@ -1,10 +1,10 @@
 "use client";
-import { Component } from 'react';
 
+import { Component } from 'react';
 import { ReactNode } from 'react';
 import { NSLayout } from './NSLayout';
 
-interface IProps
+export interface NSLayoutTitleProps
 {
 	scope: string;
 	logo: string;
@@ -13,7 +13,7 @@ interface IProps
 	children: ReactNode;
 }
 
-export class NSLayoutTitle extends Component<IProps> {
+export class NSLayoutTitle extends Component<NSLayoutTitleProps> {
 	override render()
 	{
 		return (

package/src/components/NSLinkBlue.tsx

@@ -3,22 +3,22 @@
 import Styles from "./NSLinkBlue.module.css";
 import React from "react";
 
-interface IProps
+export interface NSLinkBlueProps
 {
 	title: string;
 	href: string;
 	style?: React.CSSProperties;
 }
 
-interface IState
+export interface NSLinkBlueState
 {
 	title: string;
 	href: string;
 }
 
-export class NSLinkBlue extends React.Component<IProps, IState>
+export class NSLinkBlue extends React.Component<NSLinkBlueProps, NSLinkBlueState>
 {
-	constructor(props: IProps)
+	constructor(props: NSLinkBlueProps)
 	{
 		super(props);
 		this.state = { title: props.title, href: props.href };

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.tsx

@@ -3,19 +3,21 @@
 import './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 }

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.module.css

@@ -1,5 +1,5 @@
 .ns_title {
-	font-size: 32px;
+	font-size: 24px;
 	font-weight: 700;
 	line-height: normal;
 	color: #001664;
@@ -7,4 +7,10 @@
 	width: 100%;
 	text-align: center;
 	font-family: inherit;
+}
+
+@media only screen and (min-width: 1024px) {
+	.ns_title {
+		font-size: 32px;
+	}
 }

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()
 	{

package/src/types/Background.ts

@@ -2,5 +2,6 @@ export interface Background
 {
 	image?: string,
 	color?: string,
-	position? :string
+	position?: string,
+	filter?: string
 }