linting-passing-ritual-dance

CHANGELOG.txt

@@ -1,3 +1,9 @@
+[0.7.0]
+[+] inbox: context provider, chats
+[+] comments: show
+[+] session: context provider
+[+] views tracker: counting for shouts
+
 [0.6.1]
 [+] auth ver. 0.9
 [+] load-by interfaces for shouts, authors and messages

README.md

@@ -1,4 +1,8 @@
+# How to start
+
+If you use yarn
+
 ```
-yarn install
+yarn
-npm start
+PUBLIC_API_URL=https://v2.discours.io yarn dev
 ```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "discoursio-webapp",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "private": true,
   "license": "MIT",
   "scripts": {

src/components/Article/CommentsTree.tsx

@@ -1,4 +1,4 @@
-import { For, Show } from 'solid-js/web'
+import { For, Show } from 'solid-js'
 import { useSession } from '../../context/session'
 import Comment from './Comment'
 import { t } from '../../utils/intl'

src/components/Inbox/DialogCard.tsx

@@ -1,29 +1,27 @@
 import styles from './DialogCard.module.scss'
 import DialogAvatar from './DialogAvatar'
-import type { Author, User } from '../../graphql/types.gen'
+import type { Author, ChatMember, User } from '../../graphql/types.gen'
-import { apiClient } from '../../utils/apiClient'
 import { t } from '../../utils/intl'
-import { useInbox } from '../../context/inbox'
 
 type DialogProps = {
   online?: boolean
   message?: string
   counter?: number
-  users: User[]
+  members: ChatMember[]
   ownSlug: User['slug']
 }
 
 const DialogCard = (props: DialogProps) => {
-  // @ts-ignore
+  const participants = props.members.filter((m) => m.slug !== props.ownSlug)
-  const participants = props.users.filter((user) => user !== props.ownSlug)
   console.log('!!! participants:', participants)
-  // @ts-ignore
   return (
     //DialogCardView - подумать
     <div class={styles.DialogCard}>
-      <div class={styles.avatar}>{/*<DialogAvatar name={participants[0]} online={props.online} />*/}</div>
+      <div class={styles.avatar}>
+        <DialogAvatar name={participants[0].name} online={props.online} />
+      </div>
       <div class={styles.row}>
-        {/*<div class={styles.name}>{participants[0]}</div>*/}
+        <div class={styles.name}>{participants[0].name}</div>
         <div class={styles.message}>
           Указать предпочтительные языки для результатов поиска можно в разделе
         </div>

src/components/Views/Inbox.tsx

@@ -167,7 +167,7 @@ export const InboxView = () => {
           <div class="holder">
             <div class="dialogs">
               <For each={chats()}>
-                {(chat) => <DialogCard users={chat.users} ownSlug={currentSlug()} />}
+                {(chat) => <DialogCard members={chat.members} ownSlug={currentSlug()} />}
               </For>
             </div>
           </div>