filter advanced content

StampyAI · Mar 1, 2024 · feb4466 · feb4466
1 parent 21f62de
commit feb4466
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 22 deletions.
diff --git a/app/components/Article/article.css b/app/components/Article/article.css
@@ -133,6 +133,16 @@ article .footer-comtainer > * {
   margin: var(--spacing-8, 8px);
 }
 
+article a.see-more:not(.visible) + div.see-more-contents {
+  display: none;
+}
+article a.see-more:after {
+  content: 'See more...';
+}
+article a.see-more.visible:after {
+  content: 'See less';
+}
+
 @media only screen and (max-width: 640px) {
   article {
     max-width: 100%;

diff --git a/app/components/Grid/index.tsx b/app/components/Grid/index.tsx
@@ -13,17 +13,14 @@ export const GridBox = ({title, subtitle, icon, pageid}: TOCItem) => (
 interface GridProps {
   gridBoxes: TOCItem[]
 }
-export const Grid = ({gridBoxes}: GridProps) => {
-  console.log(gridBoxes)
-  return (
-    <div className="grid">
-      {gridBoxes
-        .filter(({category}) => category)
-        .slice(0, 6)
-        .map((gridBoxProps) => (
-          <GridBox key={gridBoxProps.title} {...gridBoxProps} />
-        ))}
-    </div>
-  )
-}
+export const Grid = ({gridBoxes}: GridProps) => (
+  <div className="grid">
+    {gridBoxes
+      .filter(({category}) => category)
+      .slice(0, 6)
+      .map((gridBoxProps) => (
+        <GridBox key={gridBoxProps.title} {...gridBoxProps} />
+      ))}
+  </div>
+)
 export default Grid
diff --git a/app/hooks/useSearch.tsx b/app/hooks/useSearch.tsx
@@ -132,8 +132,6 @@ export const useSearch = (
           runningQueryRef.current = undefined
           if (data.searchResults) setResults(data.searchResults)
           setIsPendingSearch(false)
-          // TODO: temporary debug, remove if search works well for some time
-          console.debug('tfWorker search results for:', data.userQuery, data.searchResults)
         }
       })
     }
@@ -169,8 +167,6 @@ export const useSearch = (
         runningQueryRef.current = undefined
         setResults(searchResults)
         setIsPendingSearch(false)
-        // TODO: temporary debug, remove if search works well for some time
-        console.debug('baseline search results for:', userQuery, searchResults)
       })
     }
   }

diff --git a/app/hooks/useToC.tsx b/app/hooks/useToC.tsx
@@ -1,4 +1,4 @@
-import {TOCItem} from '~/routes/questions.toc'
+import {TOCItem, ADVANCED} from '~/routes/questions.toc'
 import {useToC as useCachedToC} from '~/hooks/useCachedObjects'
 
 const identity = (i: any) => i
@@ -52,6 +52,7 @@ const useToC = () => {
 
   return {
     toc: toc || [],
+    advanced: (toc || []).filter(({category}) => category === ADVANCED),
     getArticle,
     findSection,
     getPath,

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -28,7 +28,7 @@ export const loader = async ({request}: Parameters<LoaderFunction>[0]) => {
 export const shouldRevalidate: ShouldRevalidateFunction = () => false
 
 export default function App() {
-  const {toc} = useToC()
+  const {advanced} = useToC()
   return (
     <Page>
       <div className="page-body">
@@ -41,7 +41,7 @@ export default function App() {
         <WidgetStampy />
 
         <h3 className="grey large-bold padding-bottom-32">Advanced sections</h3>
-        <Grid gridBoxes={toc} />
+        <Grid gridBoxes={advanced} />
       </div>
     </Page>
   )

diff --git a/app/routes/questions.$questionId.$.tsx b/app/routes/questions.$questionId.$.tsx
@@ -93,7 +93,6 @@ export default function RenderArticle() {
   }, [setGlossary])
 
   useEffect(() => {
-    console.log('locatiopn change', location.key)
     setShowNav(false)
   }, [location.key])
 

diff --git a/app/routes/questions.toc.ts b/app/routes/questions.toc.ts
@@ -72,7 +72,7 @@ export const loadToC = async (request: any): Promise<LoaderResp> => {
     })
   return {
     data: data
-      .filter(({parents, children}) => (!parents || parents.length === 0) && children)
+      .filter(({tags}) => tags.includes(INTRODUCTORY) || tags.includes(ADVANCED))
       .map(formatQuestion(1)),
     timestamp,
   }