+
+ {/* {filteredData.length > 0 && startSearching
+ ? `Search results for ${startSearching}` */}
+ {/* : */}
+ Link Resource from External Tool
+ {/* } */}
+
+
+
+
+ {
+ setStartSearching(e.target.value);
+ }}
+ />
+
+
+
+
+
Filter
+
+
+ {!startSearching && (
+
+
+
+
+ )}
+
+ {/* Acoordion */}
+ {/* {!startSearching ? ( */}
+
+
0 && startSearching
+ // ? "492px"
+ // : "auto",
+ // }}
+ >
+ {filteredData.length ? (
+
+ {filteredData.map((item, i) => (
+
+ {/* header card 1 */}
+
+
+
+
+
+
+
+
+ {item.collectionname}
+
+
+ {item.collection}
+
+
+ {item.name}
+
+
+ {item.category}
+ |
+
+ First Published: {item.publishdate}
+
+
+
+
+ {item.description}
+
+
+
+ {item.preview}
+
+
+
+
+ {filteredData.length > 0 &&
+ startSearching ? (
+
+ ) : (
+
+
+
+
+
+
+ )}
+
+
+ -
+
+
+
+ Book 1: All About Java
+
+
+
+
+
+
+
+
+
+
+ {/* inner book card body */}
+
+
+
+
+
+ {/* inner unit 1 */}
+
+
+
+ -
+
+
+
+ Unit 1: What You can
+ do With java
+
+
+
+
+
+
+
+
+
+
+ {/* inner chapter 1 */}
+
+
+
+
+
+
+
+ -
+
+
+
+ Chapter 1:
+ What is
+ Java?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner book card body */}
+
+
+
+
+
+ {/* inner unit 2 */}
+
+
+
+ -
+
+
+
+ Unit 2: What You can
+ do With java
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner chapter 1*/}
+
+
+
+
+
+
+
+ -
+
+
+
+ Chapter 1:
+ What is
+ Java?
+
+
+
+
+
+
+
+
+
+ {/* chapter 2 */}
+
+
+
+
+
+
+
+ -
+
+
+
+ Chapter 2:
+ What is
+ Java?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner book 2*/}
+
+
+
+ -
+
+
+
+ Book 2: All About Java
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner unit 1 */}
+
+
+
+
+
+ {/* inner unit card header */}
+
+
+
+ -
+
+
+
+ Unit 1: What You can
+ do With java
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner chapter card body */}
+
+
+
+
+
+
+
+ -
+
+
+
+ Chapter 1:
+ What is
+ Java?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner unit 1 */}
+
+
+
+
+
+ {/* inner unit card header */}
+
+
+
+ -
+
+
+
+ Unit 2: What You can
+ do With java
+
+
+
+
+
+
+
+
+
+
+
+ {/* inner chapter card body */}
+
+
+
+
+
+
+
+ -
+
+
+
+ Chapter 2:
+ What is
+ Java?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ))}
+ {filteredData.length > 0 && startSearching && (
+
+ See more
+
+ )}
+
+ ) : (
+
+ No collection found
+
+ )}
+
+
+ {/* ) : ( */}
+ {/*
+ {filteredData.length ? (
+
+ <>
+
+
+ {filteredData.map((item, i) => (
+
+
+
+
+
+
+ {item.heading}
+
+
+ {item.bookname}
+
+
+ {item.detail}
+
+
+ {item.publishname}
+
+ First Published: {item.publishdate}
+
+
+
+
+ {item.description}
+
+
+
+ {item.preview}
+
+
+
+
+
+
+
+
+
+
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ See more
+
+
+
+ ) : (
+
+ No result found
+
+ )}
+
*/}
+ {/* )} */}
+