This error appears on Edit Space page:

Constants can be found here:

https://schema.org/Blog
https://schema.org/Person
https://schema.org/Organization

Proposed:
https://schema.org/Project

Suggest images based on the text info of the blog: name, description, tags.

A process could be similar to how Trello suggests a background for your board.

It should be possible to delete any session from the list or delete all account's sessions.

There should be such steps:

1. Sign in (with Polkadot or Kusama address)
2. Get first tokens (via Faucet)
3. Create first blog (or space later)
4. Write first post

See https://3x.ant.design/components/steps/

This will show the average ratings of posts and comments in Google search

References:

https://schema.org/AggregateRating
https://schema.org/Article

A reputation should be here:

Similar to the green label "My blog".
Make this label orange.

A balance should be here:

and here:

It could be called "Get Tokens (Faucet)"

• Create an SSR page at URL /faucet
• Add instructions on how to get tokens via Riot bot

A message that we get from Next.js, when running in a prod mode:

Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

Interesting remark plugins for markdown

https://github.com/remarkjs/remark-normalize-headings
https://github.com/mrzmmr/remark-behead
https://github.com/remarkjs/remark-autolink-headings
https://github.com/remarkjs/remark-toc
https://github.com/remarkjs/remark-squeeze-paragraphs
https://github.com/remarkjs/remark-slug
https://github.com/remarkjs/remark-highlight.js

https://github.com/remarkjs/remark-unlink

Currently we get date time from Postgres, but this is deprecated.

Need to get the date from a corresponding struct, if it's an activity like Blog/Post/Comment Created/Updated.

Or calculate an approximate date based on current_time - block_time * (current_block - activity_block)

Related to issue:

dappforce/subsocial-offchain#61

UPD: One request removed, two left.

Two screenshots of the same modal:

Check out this:
https://redux-toolkit.js.org/
https://github.com/reduxjs/redux-toolkit

Context vs Redux:
https://dev.to/ibrahima92/redux-vs-react-context-which-one-should-you-choose-2hhh

Check out "Explore" screen on Discord:

Reading list

• https://blog.usejournal.com/testing-with-jest-and-enzyme-in-react-part-6-snapshot-testing-in-jest-72fb0ce91c5a
• https://medium.com/codeclan/testing-react-with-jest-and-enzyme-20505fec4675
• https://blog.bitsrc.io/how-to-test-react-components-with-jest-and-enzyme-in-depth-145fcd06b90
• https://pusher.com/tutorials/react-jest-enzyme

https://schema.org/Comment
https://schema.org/CommentAction

Also:
https://schema.org/Answer

https://schema.org/ShareAction

No followers yet -> No followings yet

The bug:

See this Select component in tags mode:
https://3x.ant.design/components/select/#components-select-demo-tags

import { Select } from 'antd';

const { Option } = Select;

const children = [];
for (let i = 10; i < 36; i++) {
  children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);
}

function handleChange(value) {
  console.log(`selected ${value}`);
}

ReactDOM.render(
  <Select mode="tags" style={{ width: '100%' }} placeholder="Tags Mode" onChange={handleChange}>
    {children}
  </Select>,
  mountNode,
);

Also: order blogs in desc. order by their id.

Refactor this component:
src/components/blogs/ListAllBlogs.tsx

Add infinite scroll for both root comments (at least) and replies (optional) on post preview and view post page.

This means that comments' data from Substrate and IPFS should be lazy-loaded.

Make this space avatars bigger:

When running Subsocial's UI, Next.js writes in the console:

Warning: Built-in CSS support is being disabled due to custom CSS configuration being detected.
See here for more info: https://err.sh/next.js/built-in-css-disabled

Read this https://nextjs.org/docs/basic-features/built-in-css-support#less-and-stylus-support

SASS + CSS modules

Consider using SASS with CSS modules. Quotes from Next.js docs:

CSS Modules locally scope CSS by automatically creating a unique class name. This allows you to use the same CSS class name in different files without worrying about collisions.

You can use component-level Sass via CSS Modules

LESS + Ant Design?

Also, consider adding Less support – this will allow us to customize style parameters of Ant Design.

See this example: Next + Ant + LESS:
https://github.com/zeit/next.js/tree/canary/examples/with-ant-design-less

Inspiration:

• https://github.com/Tbaut/basic-substrate-ui-template/blob/master/src/TxButton.tsx
• https://github.com/substrate-developer-hub/substrate-front-end-template/blob/master/src/substrate-lib/components/TxButton.js

Web UI can show address/profile preview by entered address from the search bar.

Current situation (bad)

Cannot find account by its address:

Check out https://github.com/contra/react-responsive#easy-mode

Minor priority: improve some screens for tablets?

• Should not allow markdown. Use simple textarea. Or maybe allow only links.

• Should be <= 200 chars.

• Add "Summary" to Blog Editor.

• Show "Summary" in blog preview and SpaceNav

https://schema.org/Article
https://schema.org/SocialMediaPosting
https://schema.org/BlogPosting

Currently we don't have any visible link or button to edit a space if you are the owner.

Need to add the link with a pencil icon before "Edit menu" action link.

Use the color of Subsocial logo as Ant primary color.

Don't render "Edit Menu" here:

Get rid of Ant Design icons. Font Awesome has a bigger range of icons and they look much better than Ant's icons.

See their official React lib: https://github.com/FortAwesome/react-fontawesome

• Add "See More" to a post preview.
• Show it only if a summary is less than full post body.

Load comments on a post page only when user scrolls the current DOM document into them.

It should be located on the bottom right on the same line with up/down votes.

• Add "About" page as a link to SpaceNav.