Function DashboardPage

app/dashboardPage.tsx:100–591

({
	loadedParts,
	itemCount,
	parentCatalogNames,
	searchCatalog,
}: {
	loadedParts: PartState[];
	itemCount: number;
	parentCatalogNames: string[];
	searchCatalog?: string;
})

}

export default function DashboardPage({
	loadedParts,
	itemCount,
	parentCatalogNames,
	searchCatalog,
}: {
	loadedParts: PartState[];
	itemCount: number;
	parentCatalogNames: string[];
	searchCatalog?: string;
}) {
	const itemsPerPage = 10;

	const [isLoading, setLoading] = useState(false);
	const [itemCountState, setItemCountState] = useState(itemCount);
	const router = useRouter();

	const [parts, setParts] = useState<PartState[]>(loadedParts);
	const [isSearchResult, setIsSearchResult] = useState(
		searchCatalog ? searchCatalog.length > 0 : false ?? false
	);
	const [activePage, setPage] = useState(1);

	const [parentCatalogNamesState, setParentCatalogNamesState] =
		useState<string[]>(parentCatalogNames);
	const voltageSearchRef = useRef<ValueSearchRef>(null);
	const resistanceSearchRef = useRef<ValueSearchRef>(null);
	const powerSearchRef = useRef<ValueSearchRef>(null);
	const currentSearchRef = useRef<ValueSearchRef>(null);
	const frequencySearchRef = useRef<ValueSearchRef>(null);
	const capacitanceSearchRef = useRef<ValueSearchRef>(null);
	const inductanceSearchRef = useRef<ValueSearchRef>(null);

	const searchForm = useForm<FilterState>({
		initialValues: {
			productTitle: null,
			productCode: null,
			productDescription: null,
			encapStandard: null,
			parentCatalogName: searchCatalog || null,
		},
	});

	useEffect(() => {
		if (typeof document !== "undefined") {
			if (onScan.isAttachedTo(document) == false) {
				console.log("attaching onScan");
				onScan.attachTo(document, {
					suffixKeyCodes: [13], // enter-key expected at the end of a scan
					keyCodeMapper: function (oEvent) {
						if (oEvent.keyCode === 190) {
							return ":";
						}
						if (oEvent.keyCode === 188) {
							return ",";
						}
						return onScan.decodeKeyEvent(oEvent);
					},