---
tags: cofacts
---

# Cofacts Next list pages TODO items

## Release blocker

### Message list filter

文章列表至少應該要有「熱門回報」filter，亦即現在 production 上的「僅顯示兩個回報以上」的功能。

因為這是原本 production 上有的重要功能，因此希望可以先有這個。

#### As-is

#### To-be

* 增加「熱門回報」選項（ `ListArticleFilter` 的 `replyRequestCount >= 2` ）


:::info
- Github Project Card: https://github.com/orgs/cofacts/projects/5#card-37494391
- Spec: https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FahtI6xsFRQyxktrIlc1VcQ
- Mockup: https://www.figma.com/file/zpD45j8nqDB2XfA6m2QskO/Cofacts-website?node-id=428%3A37
:::

### For-You 等你來答

「等你來答」目前 filter 跟 spec 不符。由於我們需要評估此新功能的效果，因此希望可以實作之。

#### As-is

For-You filter 跟 article list 預設目前一致。


#### To-be

1. 列表的 `ListArticleFilter`，根據 [spec](https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FN8I2-zkJTaS35BP8VH8ZQA) 應使用 `replyRequestCount >= 2` 且 `hasArticleReplyWithMorePositiveFeedback = false`。
2. 導覽列數字的`ListArticleFilter`，根據 [spec](https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FN8I2-zkJTaS35BP8VH8ZQA) 應使用`replyRequestCount >= 2` 且 `hasArticleReplyWithMorePositiveFeedback = false`。
- spec 中「自己沒有送過任何 normal articleReply」尚無可用 API，因此先跳過，僅使用上面條件顯示數字。另在 [rumors-api#165](https://github.com/cofacts/rumors-api/issues/165) 追蹤 API 進度。

:::info
- Issue:
- Github Project Card: https://github.com/orgs/cofacts/projects/5#card-37456782
- Spec:
- 列表內容 https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FN8I2-zkJTaS35BP8VH8ZQA
- 導覽列數字 https://g0v.hackmd.io/iJm9_nZaTA2GyInn7ycxoA#%E7%AD%89%E4%BD%A0%E4%BE%86%E7%AD%94-Query
- Mockup: https://www.figma.com/file/zpD45j8nqDB2XfA6m2QskO/Cofacts-website?node-id=436%3A1
:::

## Enhancements

### Reply list 過濾日期功能

#### As-is

目前左上角過濾日期功能是使用 `createdAt` 進行過濾，因此即使訊息最近有被回過，也無法正確顯示。


#### To-Be

根據 Spec，應使用 `ListArticleFilter` 中的 `repliedAt`。[`repliedAt` 使用的](https://github.com/cofacts/rumors-api/blob/master/src/graphql/queries/ListArticles.js#L291-L311)才是 spec 裡規定的 `article.articleReplies.createdAt`。

:::info
- Issue:
- Github Project Card:
- Spec: https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FZZWHWi2BTuyhkSWzAvKLAw
- Mockup:
:::

### Other message list filters implementation

#### As-is

#### To-be
* 拿掉 unsolved / solved / all filter
* 增加下面選項:
- 還未有效查核（`ListArticleFilter` 的 `hasArticleReplyWithMorePositiveFeedback = false`）
- 熱門討論（`ListArticleFilter` 的 `replyCount >= 3`）


:::info
- Github Project Card: https://github.com/orgs/cofacts/projects/5#card-37494391
- Spec: https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FahtI6xsFRQyxktrIlc1VcQ
- Mockup: https://www.figma.com/file/zpD45j8nqDB2XfA6m2QskO/Cofacts-website?node-id=428%3A37
:::

### Reply list filters implementation

#### As-is

#### To-be
* 拿掉 unsolved / solved / all filter
* 增加下面選項:
- 還未有效查核（`ListArticleFilter` 的 `hasArticleReplyWithMorePositiveFeedback = false`）
- 熱門討論（`ListArticleFilter` 的 `replyCount >= 3`）
- 熱門回報（ `ListArticleFilter` 的 `replyRequestCount >= 2` ）


:::info
- Github Project Card: https://github.com/orgs/cofacts/projects/5#card-37494391
- Spec: https://g0v.hackmd.io/@NFi0czulSemxCM8RNSlz8Q/HJ8xT3QVU/%2FZZWHWi2BTuyhkSWzAvKLAw
- Mockup: https://www.figma.com/file/zpD45j8nqDB2XfA6m2QskO/Cofacts-website?node-id=79%3A9
:::

### Alignment of date filter and sorting

#### As-is


#### To-Be

Desktop
左右 control 高度一致

Mobile
注意 control 高度與 desktop 不同，但左右高度一致

:::info
- Mockup: https://www.figma.com/file/zpD45j8nqDB2XfA6m2QskO/Cofacts-website?node-id=304%3A138
:::

### Subscribe button alignment

#### As-is


#### To-Be

Desktop: 在標題右邊、垂直擲中


Mobile: 在標題下面、跟標題一起置中


:::info
- Mockup: https://www.figma.com/file/zpD45j8nqDB2XfA6m2QskO/Cofacts-website?node-id=304%3A138
:::