sub related enchancements

components/comment.js

@@ -18,6 +18,7 @@ import Flag from '../svgs/flag-fill.svg'
 import { abbrNum } from '../lib/format'
 import Share from './share'
 import ItemInfo from './item-info'
+import { Badge } from 'react-bootstrap'
 
 function Parent ({ item, rootText }) {
   const ParentFrag = () => (
@@ -40,6 +41,10 @@ function Parent ({ item, rootText }) {
       <Link href={`/items/${item.root.id}`} passHref>
         <a className='text-reset'>{rootText || 'on:'} {item.root.title}</a>
       </Link>
+      {item.root.sub?.name &&
+        <Link href={`/~${item.root.sub?.name}`}>
+          <a>{' '}<Badge className={itemStyles.newComment} variant={null}>{item.root.sub?.name}</Badge></a>
+        </Link>}
     </>
   )
 }

components/header.js

@@ -264,7 +264,7 @@ export default function Header ({ sub }) {
             <NavItems className='d-none d-md-flex mx-2' />
             <PostItem className='d-none d-md-flex mx-2' />
             <Link href='/search' passHref>
-              <Nav.Link eventKey='search' className='position-relative d-none d-md-flex align-items-center mx-2'>
+              <Nav.Link eventKey='search' className='position-relative d-none d-md-flex align-items-center pr-0 ml-2'>
                 <SearchIcon className='theme' width={22} height={22} />
               </Nav.Link>
             </Link>

components/item-info.js

@@ -65,14 +65,19 @@ export default function ItemInfo ({ item, commentsText, className, embellishUser
             </Link>
           </>}
       </span>
+      {item.sub?.name &&
+        <Link href={`/~${item.sub?.name}`}>
+          <a>{' '}<Badge className={styles.newComment} variant={null}>{item.sub?.name}</Badge></a>
+        </Link>}
       {(item.outlawed && !item.mine &&
         <Link href='/outlawed'>
-          <a>{' '}<Badge className={styles.newComment} variant={null}>OUTLAWED</Badge></a>
+          <a>{' '}<Badge className={styles.newComment} variant={null}>outlawed</Badge></a>
-        </Link>) || (item.freebie && !item.mine &&
+        </Link>) ||
+        (item.freebie && !item.mine &&
           <Link href='/freebie'>
-            <a>{' '}<Badge className={styles.newComment} variant={null}>FREEBIE</Badge></a>
+            <a>{' '}<Badge className={styles.newComment} variant={null}>freebie</Badge></a>
           </Link>
-      )}
+        )}
       {canEdit && !item.deletedAt &&
         <>
           <span> \ </span>

pages/post.js

@@ -11,6 +11,7 @@ import { PollForm } from '../components/poll-form'
 import { BountyForm } from '../components/bounty-form'
 import { Form, Select } from '../components/form'
 import { useEffect, useState } from 'react'
+import Info from '../components/info'
 
 export const getServerSideProps = getGetServerSideProps()
 
@@ -74,7 +75,7 @@ export function SubSelect ({ children }) {
   return (
     <div className='mb-3 d-flex justify-content-start'>
       <Form
-        className='w-auto'
+        className='w-auto d-flex align-items-center'
         initial={{
           sub
         }}
@@ -91,6 +92,16 @@ export function SubSelect ({ children }) {
           size='sm'
           items={router.query?.type ? ['bitcoin', 'nostr'] : ['bitcoin', 'nostr', 'jobs']}
         />
+        <Info>
+          <div>
+            <div className='font-weight-bold'>The sub your post will go in ...</div>
+            <ul>
+              <li>If it's bitcoin related, put it in the bitcoin sub.</li>
+              <li>If it's nostr related, put it in the nostr sub.</li>
+              <li>If it's a job, put it in the jobs sub.</li>
+            </ul>
+          </div>
+        </Info>
       </Form>
       {children}
     </div>

pages/search.js

@@ -4,6 +4,7 @@ import { ITEM_SEARCH } from '../fragments/items'
 import SearchItems from '../components/search-items'
 import { useRouter } from 'next/router'
 import { SeoSearch } from '../components/seo'
+import Down from '../svgs/arrow-down-line.svg'
 
 export const getServerSideProps = getGetServerSideProps(ITEM_SEARCH)
 
@@ -13,11 +14,15 @@ export default function Index ({ data: { search: { items, cursor } } }) {
   return (
     <Layout noSeo search>
       <SeoSearch />
-      {router.query?.q &&
+      {router.query?.q
-        <SearchItems
+        ? <SearchItems
-          items={items} cursor={cursor}
+            items={items} cursor={cursor}
-          variables={{ q: router.query?.q, sort: router.query?.sort, what: router.query?.what, when: router.query?.when }}
+            variables={{ q: router.query?.q, sort: router.query?.sort, what: router.query?.what, when: router.query?.when }}
-        />}
+          />
+        : (
+          <div className='text-muted text-center mt-5' style={{ fontFamily: 'lightning', fontSize: '2rem', opacity: '0.75' }}>
+            <Down width={22} height={22} className='mr-2' />search for something<Down width={22} height={22} className='ml-2' />
+          </div>)}
     </Layout>
   )
 }

svgs/arrow-down-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.9999 16.1716L18.3638 10.8076L19.778 12.2218L11.9999 20L4.22168 12.2218L5.63589 10.8076L10.9999 16.1716V4H12.9999V16.1716Z"></path></svg>

worker/repin.js

@@ -34,6 +34,7 @@ function repin ({ models }) {
         text: current.text,
         url: current.url,
         userId: current.userId,
+        subName: current.subName,
         pinId
       }
     })