namirasoft-account-react 1.5.20 → 1.5.21

package/src/components/NSAProductListDialog.module.css

@@ -1,45 +1,45 @@
-.nsa_product_list_container {
-    display: grid;
-    flex-direction: row;
-    grid-template-columns: repeat(3, 1fr);
-    align-items: flex-start;
-    justify-content: center;
-	width: 100%;
-    height: 400px;
-    overflow: auto;
-	margin-top: 16px;
-}
-
-.nsa_product_list_container::-webkit-scrollbar {
-	width: 1rem;
-}
-
-.nsa_product_list_container::-webkit-scrollbar-track {
-	box-shadow: inset 0 0 6px #E8EBF6;
-}
-
-.nsa_product_list_container::-webkit-scrollbar-thumb {
-	background-color: #A1A4B0;
-	border-radius: 8px;
-}
-
-.nsa_product_list {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    margin-top: 24px;
-    gap: 8px;
-}
-.nsa_product_list a{
-    text-decoration: none;
-    color: rgba(20, 27, 92, 1);
-}
-
-.nsa_product_logo {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+.nsa_product_list_container {
+    display: grid;
+    flex-direction: row;
+    grid-template-columns: repeat(3, 1fr);
+    align-items: flex-start;
+    justify-content: center;
+	width: 100%;
+    height: 400px;
+    overflow: auto;
+	margin-top: 16px;
+}
+
+.nsa_product_list_container::-webkit-scrollbar {
+	width: 1rem;
+}
+
+.nsa_product_list_container::-webkit-scrollbar-track {
+	box-shadow: inset 0 0 6px #E8EBF6;
+}
+
+.nsa_product_list_container::-webkit-scrollbar-thumb {
+	background-color: #A1A4B0;
+	border-radius: 8px;
+}
+
+.nsa_product_list {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    margin-top: 24px;
+    gap: 8px;
+}
+.nsa_product_list a{
+    text-decoration: none;
+    color: rgba(20, 27, 92, 1);
+}
+
+.nsa_product_logo {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
 }

package/src/components/NSAProductListDialog.tsx

@@ -1,89 +1,89 @@
-import { ProductFullRow } from 'namirasoft-api-product';
-import { CacheService, SearchOperation } from 'namirasoft-core';
-import { NSBoxSearch, NSDialog, NSDialogProps, NSLoading } from 'namirasoft-site-react';
-import { Component } from 'react';
-import { NSACacheService } from '../NSACacheService';
-import { NSARouterMakerResult } from '../NSARouterMakerResult';
-import Styles from './NSAProductListDialog.module.css';
-
-export interface NSAProductListDialogProps extends NSARouterMakerResult, NSDialogProps { }
-
-interface NSAProductListState
-{
-    products: ProductFullRow[] | null;
-    search: string;
-}
-
-export class NSAProductListDialog extends Component<NSAProductListDialogProps, NSAProductListState>
-{
-    private cache: CacheService<{
-        rows: ProductFullRow[];
-        count: number;
-    }>;
-
-    constructor(props: NSAProductListDialogProps)
-    {
-        super(props);
-        this.state = { products: null, search: "" };
-        this.cache = NSACacheService.getProducts(this.props.notifier);
-    }
-
-    override componentDidMount(): void
-    {
-        this.cache.get().then((res) =>
-        {
-            this.setState({ products: res.rows });
-        }).catch(() => { });
-    }
-
-    override render()
-    {
-        let content = null;
-        if (this.state.products == null)
-            content = <NSLoading />;
-        else
-        {
-            let products = SearchOperation.filter(this.state.products, p => p.name, this.state.search);
-            let getName = (name: string) =>
-            {
-                return name.replace("Namirasoft ", "").trim();
-            };
-            let content_products = (
-                <div className={Styles.nsa_product_list_container}>
-                    {
-                        products.map((product) => (
-                            <div key={product.id} className={Styles.nsa_product_list}>
-                                <a href={product.link_console || ""} target='_blank' rel="noreferrer" >
-                                    <figure className={Styles.nsa_product_logo} key={product.id}>
-                                        <img src={`${product.logo}`} alt={product.name} width={64} height={64} />
-                                        <figcaption>{`${getName(product.name)}`}</figcaption>
-                                    </figure>
-                                </a>
-                            </div>
-                        ))
-                    }
-                </div>
-            );
-            content = (
-                <>
-                    <NSBoxSearch
-                        title=""
-                        required={false}
-                        style={{ width: "302px" }}
-                        placeholder='Search your Product'
-                        onChanged={(e) =>
-                        {
-                            this.setState({ search: e.getValue() ?? "" });
-                        }}
-                    />
-                    {content_products}
-                </>
-            );
-        }
-        return (
-            <NSDialog {...this.props}>
-                {content}
-            </NSDialog>
-        );
-    }
+import { ProductFullRow } from 'namirasoft-api-product';
+import { CacheService, SearchOperation } from 'namirasoft-core';
+import { NSBoxSearch, NSDialog, NSDialogProps, NSLoading } from 'namirasoft-site-react';
+import { Component } from 'react';
+import { NSACacheService } from '../NSACacheService';
+import { NSARouterMakerResult } from '../NSARouterMakerResult';
+import Styles from './NSAProductListDialog.module.css';
+
+export interface NSAProductListDialogProps extends NSARouterMakerResult, NSDialogProps { }
+
+interface NSAProductListState
+{
+    products: ProductFullRow[] | null;
+    search: string;
+}
+
+export class NSAProductListDialog extends Component<NSAProductListDialogProps, NSAProductListState>
+{
+    private cache: CacheService<{
+        rows: ProductFullRow[];
+        count: number;
+    }>;
+
+    constructor(props: NSAProductListDialogProps)
+    {
+        super(props);
+        this.state = { products: null, search: "" };
+        this.cache = NSACacheService.getProducts(this.props.notifier);
+    }
+
+    override componentDidMount(): void
+    {
+        this.cache.get().then((res) =>
+        {
+            this.setState({ products: res.rows });
+        }).catch(() => { });
+    }
+
+    override render()
+    {
+        let content = null;
+        if (this.state.products == null)
+            content = <NSLoading />;
+        else
+        {
+            let products = SearchOperation.filter(this.state.products, p => p.name, this.state.search);
+            let getName = (name: string) =>
+            {
+                return name.replace("Namirasoft ", "").trim();
+            };
+            let content_products = (
+                <div className={Styles.nsa_product_list_container}>
+                    {
+                        products.map((product) => (
+                            <div key={product.id} className={Styles.nsa_product_list}>
+                                <a href={product.link_console || ""} target='_blank' rel="noreferrer" >
+                                    <figure className={Styles.nsa_product_logo} key={product.id}>
+                                        <img src={`${product.logo}`} alt={product.name} width={64} height={64} />
+                                        <figcaption>{`${getName(product.name)}`}</figcaption>
+                                    </figure>
+                                </a>
+                            </div>
+                        ))
+                    }
+                </div>
+            );
+            content = (
+                <>
+                    <NSBoxSearch
+                        title=""
+                        required={false}
+                        style={{ width: "302px" }}
+                        placeholder='Search your Product'
+                        onChanged={(e) =>
+                        {
+                            this.setState({ search: e.getValue() ?? "" });
+                        }}
+                    />
+                    {content_products}
+                </>
+            );
+        }
+        return (
+            <NSDialog {...this.props}>
+                {content}
+            </NSDialog>
+        );
+    }
 }