From 3222663403323f773d789221be3546464e1963c6 Mon Sep 17 00:00:00 2001 From: muhammadqamar Date: Fri, 3 Nov 2023 15:48:22 +0500 Subject: [PATCH 1/2] design collection page --- src/assets/images/readbook.png | Bin 0 -> 5284 bytes src/assets/images/svg/book-img.png | Bin 0 -> 32819 bytes src/assets/images/svg/filterview.svg | 3 + src/assets/images/svg/gridview.svg | 19 + src/assets/images/svg/listview.svg | 4 + src/assets/images/svg/right-arrow.svg | 3 + src/assets/images/svg/searchdropdown-logo.svg | 9 + src/containers/SearchProject/index.js | 1231 +++++++++++++++++ src/containers/SearchProject/style.scss | 476 +++++++ src/routers/AppRouter.js | 96 +- 10 files changed, 1798 insertions(+), 43 deletions(-) create mode 100644 src/assets/images/readbook.png create mode 100644 src/assets/images/svg/book-img.png create mode 100644 src/assets/images/svg/filterview.svg create mode 100644 src/assets/images/svg/gridview.svg create mode 100644 src/assets/images/svg/listview.svg create mode 100644 src/assets/images/svg/right-arrow.svg create mode 100644 src/assets/images/svg/searchdropdown-logo.svg create mode 100644 src/containers/SearchProject/index.js create mode 100644 src/containers/SearchProject/style.scss diff --git a/src/assets/images/readbook.png b/src/assets/images/readbook.png new file mode 100644 index 0000000000000000000000000000000000000000..6e175a7f85bccc62b54eae6aa9a931d23e60c3c9 GIT binary patch literal 5284 zcmV;V6kF?wP)pL9s-MltmB(2Mh$zK+nUy_hjvTPB%b02G#2Bi+j)6RTWQ;Lilko&;nqxQ^V#4d=G2bT>1b)CL4Z8gy z4#ye(`tN>@J70f_oa1IBX z>)3zrH6Kn@5V`L89)iH9G88rl;fr|L7=&?miLYscbKbu1Ox7IZt(&m%tis+I>y-heHw@V(YsJ@i>!3gKd-L7^DFQDk3UlrilB0%Y@JiX z?c496{rFpqbu(Wr?E9XEmTv9^>ZRdm%#Blqc8VcGyWbyRm`<>{)4^Q5g6pqdN2hf_ zIT+@np{}8x5Pi62mSt)vqicEyY1C@5fFufLs;hBnXo(s>3{h<~b+7Wt^H^HBVk1Kh z=*gWMjeU4 z6BM!(>vs+@cj^LN;k##TgsD?p9;dv|Dx5cF${zm-!WbuMv7+hHw3)*wr=+~kLXg`t zH{@~2XZfxIde$eIgi+|DKG($HaDqI@Y#vJP$?e7&S);|N#P1Vs8Rouv)HpSDYlSKc zT4RQBm?Y|i%*$;UOG@)|;8Mi`pvb|LVp@eWsBlWl4c#YqF=4)rhF$f5f|74@Qj`)Q zLWWbI0AZgKYvKrZRCqzvoEts5{RtlI^zr76@ALUUK}EbN$Zb?vi^TdlS9LJvm0@O6 zOFXLJWNhfgMMloKOIWBkxK^MF&CorgNdl{f_$kjk3yOlq(-5A8GcS%0A0TT#LakO+ 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 + + diff --git a/src/assets/images/svg/gridview.svg b/src/assets/images/svg/gridview.svg new file mode 100644 index 000000000..52419890a --- /dev/null +++ b/src/assets/images/svg/gridview.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/svg/listview.svg b/src/assets/images/svg/listview.svg new file mode 100644 index 000000000..b3c4cd012 --- /dev/null +++ b/src/assets/images/svg/listview.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/images/svg/right-arrow.svg b/src/assets/images/svg/right-arrow.svg new file mode 100644 index 000000000..64048d6ab --- /dev/null +++ b/src/assets/images/svg/right-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/images/svg/searchdropdown-logo.svg b/src/assets/images/svg/searchdropdown-logo.svg new file mode 100644 index 000000000..36ba7b5e6 --- /dev/null +++ b/src/assets/images/svg/searchdropdown-logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/containers/SearchProject/index.js b/src/containers/SearchProject/index.js new file mode 100644 index 000000000..83176ca5b --- /dev/null +++ b/src/containers/SearchProject/index.js @@ -0,0 +1,1231 @@ +/* eslint-disable react/prop-types */ +/* eslint-disable */ +import React, { useState, useEffect } from "react"; +import { Accordion, Card, Dropdown } from "react-bootstrap"; +import { getGlobalColor } from "containers/App/DynamicBrandingApply"; +import Alert from "react-bootstrap/Alert"; + +import Filter from "assets/images/svg/filterview.svg"; +import ListView from "assets/images/svg/listview.svg"; +import GridView from "assets/images/svg/gridview.svg"; +import Book from "assets/images/svg/book-img.png"; +import ReadBook from "assets/images/readbook.png"; +import SearchBook from "assets/images/svg/searchdropdown-logo.svg"; +import RightArow from "assets/images/svg/right-arrow.svg"; + +import PreviewSmSvg from "iconLibrary/dropDown/PreviewSmSvg"; +import PlusSmSvg from "iconLibrary/mainContainer/PlusSmSvg"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; + +import SearchInputMdSvg from "iconLibrary/mainContainer/SearchInputMdSvg"; + +import "./style.scss"; +import "../Projects/style.scss"; + +const searchCollection = [ + { + img: Book, + collectionname: "Java for Dummies", + collection: "Collection", + name: " Shiaki A. Minami, Shruthi S. Garimella, Priya S. Shah", + category: " Biotechnology Journal", + publishdate: "2 November 2022", + description: "Description", + preview: "Preview", + }, + { + img: Book, + collectionname: + "Does support affect the governance performance of the farm irrigation system?", + collection: "Collection", + name: " Shiaki A. Minami, Shruthi S. Garimella, Priya S. Shah", + category: " Biotechnology Journal", + publishdate: "10 December 2021", + description: "Description", + preview: "Preview", + }, + { + img: Book, + collectionname: + "Does organizational support affect the governance performance of the farm irrigation system? Evidence from the yellow River basin in China", + collection: "Collection", + name: " Shiaki A. Minami, Shruthi S. Garimella, Priya S. Shah", + category: " Biotechnology Journal", + publishdate: "25 October 2023", + description: "Description", + preview: "Preview", + }, +]; + +const searchData = [ + { + img: SearchBook, + heading: + "Does organizational support affect the governance performance more", + bookname: "Book", + detail: "Yangqi Fu, Yuchun Zhu", + publishname: "Vadose Zone Journal", + publishdate: "25 October 2023", + description: "Book Description", + preview: "Preview", + }, + { + img: SearchBook, + heading: + "Does Estimation of soil moisture using environmental covariates", + bookname: "Book", + detail: "Yangqi Fu, Yuchun Zhu", + publishname: "Vadose Zone Journal", + publishdate: "25 October 2023", + description: "Book Description", + preview: "Preview", + }, + { + img: SearchBook, + heading: + "Does support affect the governance performance of the farm irrigation system?", + bookname: "Unit", + detail: "Yangqi Fu, Yuchun Zhu", + publishname: "Vadose Zone Journal", + publishdate: "25 October 2023", + description: "Book Description", + preview: "Preview", + }, + { + img: SearchBook, + heading: + "Does support affect the governance performance of the farm irrigation system?", + bookname: "Unit 2", + detail: "Yangqi Fu, Yuchun Zhu", + publishname: "Vadose Zone Journal", + publishdate: "25 October 2023", + description: "Book Description", + preview: "Preview", + }, + { + img: SearchBook, + heading: "Developing Software", + bookname: "Chapter", + detail: "Yangqi Fu, Yuchun Zhu", + publishname: "Vadose Zone Journal", + publishdate: "25 October 2023", + description: "Book Description", + preview: "Preview", + }, + { + img: SearchBook, + heading: "Developing Hardware", + bookname: "Chapter 2", + detail: "Yangqi Fu, Yuchun Zhu", + publishname: "Vadose Zone Journal", + publishdate: "25 October 2023", + description: "Book Description", + preview: "Preview", + }, +]; + +const Index = () => { + const primaryColor = getGlobalColor("--main-primary-color"); + + // search + const [startSearching, setStartSearching] = useState(""); + console.log("setStartSearching", startSearching); + + // search data + const [searchContent, setSearchContent] = useState([]); + // filtered data + const filteredData = searchCollection.filter((item) => + item.collectionname + .toLowerCase() + .includes(startSearching.toLowerCase()), + ); + useEffect(() => { + if (searchContent) { + setSearchContent(searchCollection); + } + }, []); + return ( +
+

+ {/* {filteredData.length > 0 && startSearching + ? `Search results for ${startSearching}` */} + {/* : */} + Link Resource from External Tool + {/* } */} +

+
+
+
+ { + setStartSearching(e.target.value); + }} + /> + +
+
+ filter +

Filter

+
+
+ {!startSearching && ( +
+ filter + filter +
+ )} +
+ {/* Acoordion */} + {/* {!startSearching ? ( */} +
+
0 && startSearching + // ? "492px" + // : "auto", + // }} + > + {filteredData.length ? ( + + {filteredData.map((item, i) => ( + + {/* header card 1 */} + + +
+
+ img +
+
+

+ {item.collectionname} +

+

+ {item.collection} +

+

+ {item.name} +

+

+ {item.category} +   |   + + First Published: {item.publishdate} + +

+
+

+ {item.description} +

+

+

+ {item.preview} +

+
+
+
+ {filteredData.length > 0 && + startSearching ? ( +
+ + + + + + <> + + {/* */} +
+ + Preview +
+ {/* */} + + +
+ + Add to LMS +
+ + + + +
+ ) : ( +
+
+ + arrow +
+
+ )} +
+
+ + + {/* body 1 */} + + + + + + {/* inner book 1*/} + + + + + + {/* inner book card body */} + + + + + + {/* inner unit 1 */} + + + + + + {/* inner chapter 1 */} + + + + + + + + + + + + + + + + + + + {/* inner book card body */} + + + + + + {/* inner unit 2 */} + + + + + + {/* inner chapter 1*/} + + + + + + + + + + + + + + {/* chapter 2 */} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + {/* inner book 2*/} + + + + + + {/* inner unit 1 */} + + + + + + {/* inner unit card header */} + + + + + + {/* inner chapter card body */} + + + + + + + + + + + + + + + + + + + {/* inner unit 1 */} + + + + + + {/* inner unit card header */} + + + + + + {/* inner chapter card body */} + + + + + + + + + + + + + + + + + + + + + + + + + ))} + {filteredData.length > 0 && startSearching && ( + + See more + + )} + + ) : ( + + No collection found + + )} +
+
+ {/* ) : ( */} + {/*
+ {filteredData.length ? ( +
+ <> +
+ + {filteredData.map((item, i) => ( + +
+
+ logo +
+

+ {item.heading} +

+

+ {item.bookname} +

+

+ {item.detail} +

+

+ {item.publishname}   + + First Published: {item.publishdate} + +

+
+

+ {item.description} +

+

+

+ {item.preview} +

+
+
+
+
+ + + + + + <> + +
+ + Preview +
+ + +
+ + Add to LMS +
+ + + + +
+
+ + ))} + +
+ + See more + + +
+ ) : ( + + No result found + + )} +
*/} + {/* )} */} +
+ ); +}; + +export default Index; diff --git a/src/containers/SearchProject/style.scss b/src/containers/SearchProject/style.scss new file mode 100644 index 000000000..98e25d737 --- /dev/null +++ b/src/containers/SearchProject/style.scss @@ -0,0 +1,476 @@ +.content-wrapper-project { + padding: 24px 24px 18px !important; + margin: 24px auto 41px !important; + background: #fff; + max-width: 1440px; + transition: all 1s ease-out; + .resource_heading { + color: #515151; + font-size: 18px; + margin-bottom: 6px; + font-style: normal; + font-weight: 500; + line-height: 24px; + } + .search-project-filter { + justify-content: space-between; + border-radius: 8px; + padding: 16px; + .search-project-box { + display: flex; + align-items: center; + .search-bar { + margin-right: 16px; + input { + padding: 6px 39px 6px 7px; + } + svg { + right: 8px; + bottom: 7px; + } + } + .inner-filter-box { + display: flex; + gap: 4px; + cursor: pointer; + align-items: center; + .filter-text { + color: #084892; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: 16px; + margin: 0; + } + } + } + } + .list-grid-box { + display: flex; + align-items: center; + gap: 0; + } + .results_filter { + width: 100%; + .box { + display: flex; + padding: 12px; + gap: 16px; + align-items: flex-start; + border-bottom: 1px solid #dddddd !important; + min-height: 92px; + .imgbox { + width: 12%; + max-height: 114px; + flex-shrink: 0; + border-radius: 4px; + margin: 0; + } + .contentbox { + margin-top: 0; + width: 78%; + display: flex; + justify-content: space-between; + overflow: visible; + align-items: center; + .inner_content { + display: flex; + flex-direction: column; + align-items: flex-start; + .content_heading { + color: #084892; + text-align: left; + font-size: 14px; + font-style: normal; + font-weight: 500; + margin: 0 0 4px; + line-height: 20px; + } + .view_content_heading { + font-size: 18px; + text-align: left; + line-height: 24px; + } + .cotent-text { + color: #767676; + font-size: 14px; + font-style: normal; + font-weight: 400; + margin: 0 0 4px; + line-height: 20px; + } + .view-content-box { + display: flex; + flex-direction: column; + gap: 4px; + .byTypebox { + display: flex; + gap: 4px; + align-items: center; + .by-type-content { + color: #959595; + margin: 0; + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: 16px; + } + .by-type-text { + color: #084892 !important; + } + } + } + .content-link { + color: #084892 !important; + font-size: 14px; + margin: 0 0 4px; + font-style: normal; + font-weight: 400; + line-height: 20px; + span { + color: #767676; + font-size: 14px; + margin: 0; + font-style: normal; + font-weight: 400; + line-height: 20px; + } + } + } + } + .btn-box { + width: 100%; + max-width: 114px; + min-height: 144px; + display: flex; + align-items: end; + .view-unit-box { + display: flex; + padding: 4px 8px; + width: 100%; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f7faff; + .unit-btn { + border: none; + color: #2e68bf; + margin: 0; + padding: 0; + background: transparent; + font-family: "rubic"; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + } + } + } + .dropdown-contentbox { + justify-content: end; + } + } + } + // Accordion + .tab-content { + border-radius: 4px; + // overflow: scroll; + box-shadow: 0px 2px 8px 1px rgba(8, 72, 146, 0.16); + background: #fff; + .search-project-card-head { + width: 100%; + border: none; + border-radius: 8px; + border-bottom: 1px solid #e5eeff !important; + padding: 0; + svg { + color: #084892; + } + } + .accordion { + .card { + border: none; + overflow: inherit !important; + .card-header { + background-color: #fff; + border-bottom: none; + margin-bottom: 0px; + padding-bottom: 0px; + padding-top: 0px; + margin-bottom: 10px; + } + .playlist-card { + padding: 0px 30px; + } + .inner-card-body { + padding: 0 0 0 82px; + } + .box { + border-bottom: none; + background: #fff; + .search-content { + p { + max-width: 650px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + } + } + } + .search-activity-content { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0px 79px; + border-bottom: 1px solid #e5eeff; + padding: 10px 10px; + .activity-box { + display: flex; + align-items: center; + .activity-thumb { + width: 36px; + height: 36px; + margin-right: 20px; + div { + width: 100%; + height: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: center top; + border: 1px solid rgba(204, 204, 204, 0.8); + } + } + } + } + .seeMore-link { + width: 100%; + display: block; + color: #084892; + text-align: center; + padding: 2px 0 8px; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.28px; + text-decoration-line: underline; + } + } + } + .search-playllist-content { + width: 100%; + border: 1px solid #e5eeff; + border-radius: 8px; + padding: 0px; + margin: 0px; + .active-li { + background: #fff; + .playlist-dropdown { + button { + // background-color: #e5eeff !important; + &:hover { + background-color: transparent; + } + &:focus { + background-color: #e5eeff !important; + } + } + } + } + .non-active-li { + background: #fff; + } + li { + display: flex; + justify-content: space-between; + align-items: center; + border-radius: 8px; + padding: 8px; + + .search-playlist-title { + width: 100%; + display: flex; + align-items: center; + svg { + color: #084892; + } + .playlist-title { + width: 100%; + text-align: left; + border-bottom: 1px solid #e5eeff; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 24px; + color: #084892; + margin: 0 0 0 8px; + padding: 7px 0 8px 0; + } + .playlist-inner-title { + font-size: 12px; + font-style: normal; + font-weight: 400; + line-height: 16px; + } + } + } + } + // search dropdown styling + .search-dropdown-main { + width: 100%; + min-height: 492px; + // background: rgba(8, 72, 146, 0.8); + // mix-blend-mode: multiply; + .search-dropdown-box { + display: flex; + flex-direction: column; + justify-content: space-between; + width: 100%; + // min-height: 492px; + background: #fff; + border: 1px solid #ddd; + box-shadow: 0px 12px 12px 6px rgba(81, 81, 81, 0.16); + // background: rgba(8, 72, 146, 0.8); + padding: 0 17px 8px; + .search-filter { + display: flex; + justify-content: space-between; + cursor: pointer; + align-items: flex-start; + padding: 4px 4px 12px; + border-bottom: 1px solid #ddd; + gap: 8px; + .logo { + border-radius: 125px; + border: 1px solid #ddd; + } + .search-dropdown-content { + display: flex; + flex-direction: column; + align-items: flex-start; + .search-dropdown-details { + color: #767676; + font-size: 14px; + font-style: normal; + font-weight: 400; + margin: 0; + line-height: 20px; + } + .dropdown-heading { + width: 100%; + max-width: 428px; + text-align: left; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: #000 !important; + } + .publish-name { + color: #084892 !important; + } + .content-detail { + color: #767676 !important; + } + } + .search-dropdown-filter { + display: flex; + align-items: flex-start; + gap: 8px; + } + } + .seeMore-link { + color: #084892; + text-align: center; + margin: 12px 0 0; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.28px; + text-decoration-line: underline; + } + .search-playlist-dropdown { + .dropdown-toggle { + width: 100%; + background: #fff; + &:focus { + box-shadow: none; + } + &::after { + display: none; + } + } + } + } + } + // same styling + .content-pdf-box { + display: flex; + align-items: center; + gap: 10px; + .content-pdf { + font-family: "rubic" !important; + color: #084892 !important; + font-size: 14px; + font-style: normal; + font-weight: 400; + margin: 0; + line-height: 20px; + letter-spacing: 0.28px; + } + .content-slash { + background: #767676 !important; + width: 1.5px; + margin: auto; + height: 17px; + } + } +} + +.playlist-dropdown { + .dropdown-menu.show { + min-width: 200px; + box-shadow: 0px 2px 8px 1px rgba(8, 72, 146, 0.16); + border-radius: 4px; + border: none; + background: #fff; + padding: 8px 16px; + } + .dropdown-toggle::after { + content: none !important; + } + button { + background-color: #fff !important; + } + .dropdown-item { + color: #084892 !important; + padding: 6px 4px; + margin-bottom: 0; + border-radius: 4px; + + &:hover { + background: rgba(229, 238, 255, 0.32); + border-radius: 4px; + } + &:active { + background: rgba(229, 238, 255, 0.32); + border-radius: 4px; + } + } + .dropDown-item-name-icon { + svg { + margin-right: 8px; + } + span { + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: #084892; + &:hover { + color: #2e68bf; + } + } + } +} diff --git a/src/routers/AppRouter.js b/src/routers/AppRouter.js index a0b3d3a8c..22c782cd8 100755 --- a/src/routers/AppRouter.js +++ b/src/routers/AppRouter.js @@ -30,153 +30,158 @@ history.listen((location) => { ReactGA.pageview(location.pathname); }); const LoginPage = loadable(() => - import("../containers/Auth/LoginPage") + import("../containers/Auth/LoginPage"), ); const ProjectShareTemplate = loadable(() => - import("../containers/ProjectShareTemplate") + import("../containers/ProjectShareTemplate"), ); const SubscribePage = loadable(() => - import("../containers/Auth/SubscribePage") + import("../containers/Auth/SubscribePage"), ); const RegisterPage = loadable(() => - import("../containers/Auth/RegisterPage") + import("../containers/Auth/RegisterPage"), ); const ForgotPasswordPage = loadable(() => - import("../containers/Auth/ForgotPasswordPage") + import("../containers/Auth/ForgotPasswordPage"), ); const ResetPasswordPage = loadable(() => - import("../containers/Auth/ResetPasswordPage") + import("../containers/Auth/ResetPasswordPage"), ); const ConfirmEmailPage = loadable(() => - import("../containers/Auth/ConfirmEmailPage") + import("../containers/Auth/ConfirmEmailPage"), ); const NeafRegister = loadable(() => - import("../containers/Auth/NeafRegistration") + import("../containers/Auth/NeafRegistration"), ); const NeafLogin = loadable(() => - import("../containers/Auth/NeafLogin") + import("../containers/Auth/NeafLogin"), ); const VevensityRegister = loadable(() => - import("../containers/Auth/VevinsityRegistration") + import("../containers/Auth/VevinsityRegistration"), ); const VevensityLogin = loadable(() => - import("../containers/Auth/VevinsityLogin") + import("../containers/Auth/VevinsityLogin"), ); const AdminPanel = loadable(() => import("../containers/Admin")); const Library = loadable(() => import("../containers/Search")); const LtiLogin = loadable(() => - import("../containers/Auth/LtiLogin") + import("../containers/Auth/LtiLogin"), ); const termsPolicyContent = loadable(() => - import("../components/Footer/termsPolicyContent") + import("../components/Footer/termsPolicyContent"), ); const CanvasLtiLogin = loadable(() => - import("../containers/Auth/CanvasLtiLogin") + import("../containers/Auth/CanvasLtiLogin"), ); const ProfilePage = loadable(() => - import("../containers/Account/ProfilePage") + import("../containers/Account/ProfilePage"), ); const ChangePasswordPage = loadable(() => - import("../containers/Account/ChangePasswordPage") + import("../containers/Account/ChangePasswordPage"), ); // const DashboardPage = loadable(() => import('../containers/Dashboard')); const NotificationPage = loadable(() => - import("../containers/Notification") + import("../containers/Notification"), ); const MsTeams = loadable(() => import("../containers/MsTeams")); const MsTeamsCallBack = loadable(() => - import("../containers/MsTeams/callback") + import("../containers/MsTeams/callback"), ); const BrandingPage = loadable(() => import("../containers/Branding")); const ProjectsPage = loadable(() => import("../containers/Projects")); const PlaylistsPage = loadable(() => - import("../containers/Playlists") + import("../containers/Playlists"), ); const PreviewPage = loadable(() => import("../containers/Preview")); const LtiPreviewPage = loadable(() => - import("../containers/LtiPreviewPage") + import("../containers/LtiPreviewPage"), ); const PreviewPageShared = loadable(() => - import("../containers/PreviewPageShared") + import("../containers/PreviewPageShared"), ); const SecureProjectPreview = loadable(() => - import("../containers/SecureProjectPreview") + import("../containers/SecureProjectPreview"), ); const SearchResult = loadable(() => import("../containers/Search")); const Searchnetlify = loadable(() => - import("../containers/Search/SearchNetlify") + import("../containers/Search/SearchNetlify"), ); // const LtiModel = loadable(() => import('../containers/LtiModel')); const TeamsPage = loadable(() => import("../containers/Teams")); const TeamDetailPage = loadable(() => - import("../containers/Teams/TeamDetailView") + import("../containers/Teams/TeamDetailView"), ); const TeamAddProjects = loadable(() => - import("../containers/Teams/TeamAddProjects") + import("../containers/Teams/TeamAddProjects"), ); const VideoPage = loadable(() => import("../containers/Videos")); const RecordVideoPage = loadable(() => - import("../containers/RecordVideo") + import("../containers/RecordVideo"), ); // const GroupsPage = loadable(() => import('../containers/Groups')); // const AddGroupProjectsPage = loadable(() => import('../containers/Groups/AddProjects')); // const AddGroupProjectMemberPage = loadable(() => import('../containers/Groups/AddMembers')); const GclassActivityPage = loadable(() => - import("../containers/LMS/GoogleClassroom/GclassActivityPage") + import("../containers/LMS/GoogleClassroom/GclassActivityPage"), ); const GenericLMSActivityPage = loadable(() => - import("../containers/LMS/Generic/GenericLMSActivityPage") + import("../containers/LMS/Generic/GenericLMSActivityPage"), ); const ActivityCreate = loadable(() => - import("../containers/CreateActivity") + import("../containers/CreateActivity"), ); const EditActivity = loadable(() => - import("../containers/EditActivity") + import("../containers/EditActivity"), ); const GclassSummaryPage = loadable(() => - import("../containers/LMS/GoogleClassroom/GclassSummaryPage") + import("../containers/LMS/GoogleClassroom/GclassSummaryPage"), ); const CanvasSummaryPage = loadable(() => - import("../containers/LMS/Canvas/CanvasSummaryPage") + import("../containers/LMS/Canvas/CanvasSummaryPage"), ); const SearchPage = loadable(() => - import("../containers/LMS/Canvas/DeepLinking/SearchPage") + import("../containers/LMS/Canvas/DeepLinking/SearchPage"), ); const LtiActivity = loadable(() => - import("../containers/LMS/LTI/Activity") + import("../containers/LMS/LTI/Activity"), ); const ManageOrganization = loadable(() => - import("../containers/ManageOrganization") + import("../containers/ManageOrganization"), ); const SSOLogin = loadable(() => - import("../containers/Auth/SSOLogin") + import("../containers/Auth/SSOLogin"), ); const WordpressSSO = loadable(() => - import("../containers/Auth/WordpressSSO") + import("../containers/Auth/WordpressSSO"), ); const MSTeamsSSO = loadable(() => - import("../containers/Auth/MSTeamsSSO") + import("../containers/Auth/MSTeamsSSO"), ); const MsTeamsActivityPage = loadable(() => - import("../containers/LMS/MsTeams/MsTeamsActivityPage") + import("../containers/LMS/MsTeams/MsTeamsActivityPage"), ); const MsTeamActivityLaunch = loadable(() => - import("../containers/LMS/MsTeams/MsTeamActivityLaunch") + import("../containers/LMS/MsTeams/MsTeamActivityLaunch"), ); const MsTeamSummaryPage = loadable(() => - import("../containers/LMS/MsTeams/MsTeamSummaryPage") + import("../containers/LMS/MsTeams/MsTeamSummaryPage"), ); const MsTeamsActivityContainer = loadable(() => - import("../containers/LMS/MsTeams/MsTeamsActivityContainer") + import("../containers/LMS/MsTeams/MsTeamsActivityContainer"), ); + +const SearchProject = loadable(() => + import("../containers/SearchProject"), +); + let intialLoad = 0; const AppRouter = (props) => { const dispatch = useDispatch(); const hideShowSideBar = useSelector( - (state) => state.msTeams.toggle_sidebar + (state) => state.msTeams.toggle_sidebar, ); const isMsTeam = useSelector((state) => state.msTeams.is_msteam); const SelectedOrganization = localStorage.getItem("current_org"); @@ -437,6 +442,11 @@ const AppRouter = (props) => { path="/nevada-login" component={VevensityLogin} /> + {user && !user.subscribed ? ( From 66c374bd6a261e03e353508b0a968fca48e01869 Mon Sep 17 00:00:00 2001 From: muhammadqamar Date: Fri, 3 Nov 2023 16:25:09 +0500 Subject: [PATCH 2/2] add buttons --- src/containers/SearchProject/index.js | 66 +++++++++++++++++++++++++ src/containers/SearchProject/style.scss | 31 +++++++++++- src/routers/AppRouter.js | 4 +- 3 files changed, 98 insertions(+), 3 deletions(-) diff --git a/src/containers/SearchProject/index.js b/src/containers/SearchProject/index.js index 83176ca5b..c5f628eea 100644 --- a/src/containers/SearchProject/index.js +++ b/src/containers/SearchProject/index.js @@ -339,6 +339,17 @@ const Index = () => { Book 1: All About Java +
+
+ + arrow +
+
@@ -405,6 +416,17 @@ const Index = () => { do With java
+
+
+ + arrow +
+
@@ -553,6 +575,17 @@ const Index = () => { Unit 2: What You can do With java +
+
+ + arrow +
+
@@ -779,6 +812,17 @@ const Index = () => {

Book 2: All About Java

+
+
+ + arrow +
+
@@ -845,6 +889,17 @@ const Index = () => { Unit 1: What You can do With java +
+
+ + arrow +
+
@@ -994,6 +1049,17 @@ const Index = () => { Unit 2: What You can do With java +
+
+ + arrow +
+
diff --git a/src/containers/SearchProject/style.scss b/src/containers/SearchProject/style.scss index 98e25d737..3373249fc 100644 --- a/src/containers/SearchProject/style.scss +++ b/src/containers/SearchProject/style.scss @@ -427,7 +427,36 @@ } } } - +.view-btn-box { + width: 100%; + max-width: 114px; + display: flex; + align-items: end; + .view-unit-box { + display: flex; + padding: 4px 8px; + width: 100%; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f7faff; + .unit-btn { + border: none; + color: #2e68bf; + margin: 0; + padding: 0; + background: transparent; + font-family: "rubic"; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + } + } +} +.ch-box { + max-width: 134px; +} .playlist-dropdown { .dropdown-menu.show { min-width: 200px; diff --git a/src/routers/AppRouter.js b/src/routers/AppRouter.js index 22c782cd8..13f20bef7 100755 --- a/src/routers/AppRouter.js +++ b/src/routers/AppRouter.js @@ -442,9 +442,9 @@ const AppRouter = (props) => { path="/nevada-login" component={VevensityLogin} /> -