[Steemia] - Bug fixes, features added, suggestions added ๐Ÿ˜Ž

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
ยท@jaysermendezยท
0.000 HBD
[Steemia] - Bug fixes, features added, suggestions added ๐Ÿ˜Ž
### Introduction
Steemia is a social network app running over the Steem Blockchain. This app will provide the users an enriched user experience plus features commonly encountered in a casually used social media. The goal of this project is to give the community a mobile app where they can do their daily activity in the blockchain.

### Bug Fixes

##### Fix edit comments in depth nested pages
In depth nested pages the edit comment page was not working due to a bad parameter being passed. This error was fixed by tracking the the origin of the page to determine the correct parameter. 

##### Fix unvote button
After unvote, it was dispatched correctly but there was a weird issue because even if your vote is 0% is still shows as vote. To avoid this behavior, I modified the server side logic to remove voters with 0 weight from the "is voted" post checker. Also, to compensate this modification, the voters list was filter out to remove 0 weight votes as well. 

### Visual Changes

##### Say hello to the dark UI
After seeing the comments of various users in our introduction post, we determined that a dark UI was a must according to them. Hence, I decide to start working in the dark UI and here are the results:

###### Main Page
![Screen Shot 2018-04-21 at 4.08.33 PM.png](https://cdn.utopian.io/posts/897b606b16d9e2ea615e38e2777c5afcd20dScreen_Shot_2018-04-21_at_4.08.33_PM.png)

###### Wallet Page
![Screen Shot 2018-04-21 at 4.09.05 PM.png](https://cdn.utopian.io/posts/b4b4034bd347024d261d0dab09d4787ca047Screen_Shot_2018-04-21_at_4.09.05_PM.png)

###### Notifications Page
![Screen Shot 2018-04-21 at 4.09.37 PM.png](https://cdn.utopian.io/posts/ac9678485d40cfaf9219b62eb50e6d8adddaScreen_Shot_2018-04-21_at_4.09.37_PM.png)

###### Post Single Page
![Screen Shot 2018-04-21 at 4.10.29 PM.png](https://steemitimages.com/DQmXNKgdTQGAyDqfRbakuPdHnkLeFeoStdiVCghRjFFqYuu/Screen%20Shot%202018-04-21%20at%204.10.29%20PM.png)

###### Settings Page
![Screen Shot 2018-04-21 at 4.10.57 PM.png](https://cdn.utopian.io/posts/e0a97c09cba89cdd0b5f0a6757571008d0d1Screen_Shot_2018-04-21_at_4.10.57_PM.png)

###### Comments Modal
![Screen Shot 2018-04-21 at 4.13.13 PM.png](https://steemitimages.com/DQmSvErbnFvTr3UmYntMbJiRojYbBNXgoHXujxVmRK19Gy3/Screen%20Shot%202018-04-21%20at%204.13.13%20PM.png)

This UI can be activated through settings page.

##### Add message when the user does not have not bookmarks
Before, the bookmarks page was empty when there were not bookmarks. This can lead to confusion of the page not being loaded or a bug in the app. The following message was added to avoid any confusion:

![Screen Shot 2018-04-21 at 4.43.46 PM.png](https://cdn.utopian.io/posts/7145601a742a3e174885407c03bf005a06a5Screen_Shot_2018-04-21_at_4.43.46_PM.png)

### New Features
##### Elastic textarea for comments
After seeing the comment of one of our users, I noticed that an elastic textarea was a must. Before, this user made a suggestion because it was so hard to edit a long post in an static textarea. Hence, I decide to implement the elastic one to allocate height dynamically based on the text.

![Screen Shot 2018-04-21 at 4.27.31 PM.png](https://cdn.utopian.io/posts/08bebe0e13b8fe07101bbcf796fcffe17bb4Screen_Shot_2018-04-21_at_4.27.31_PM.png)

##### Upload images from comments
There were not possibility of uploading a picture in comment box. However, thanks to one of our users, this is now possible.

![Screen Shot 2018-04-21 at 4.29.30 PM.png](https://cdn.utopian.io/posts/acda96fd69fc4d99c10916df5c93d9835f98Screen_Shot_2018-04-21_at_4.29.30_PM.png)

##### Allow tags to be separated by space
Some users were confused on how to insert tags in our application. It clearly says that it should be separated by comma. However, most of the users are already accustomed to separate them by space like in Steemit and other Steem frontends. So, I decide to keep both ways so users that are accustomed to put the comma can still keep doing it in the same way.

![Screen Shot 2018-04-21 at 4.31.29 PM.png](https://cdn.utopian.io/posts/0c181476ae60a666a1fa0e572f5c48227ca0Screen_Shot_2018-04-21_at_4.31.29_PM.png)

##### Open profile from followers/following list
Some users though that it was a bug in our application. However, it was not implemented yet. Now, you can easily access your followers/following profiles within the list.

![Screen Shot 2018-04-21 at 4.33.09 PM.png](https://cdn.utopian.io/posts/21285310cd5251eca4d853fb8b38ab323f5cScreen_Shot_2018-04-21_at_4.33.09_PM.png)

##### Remove save button in settings page
The save button in the settings page was making an extra step to the user. This data can be saved automatically on changes. Hence, I decide to eliminate this button and allow data to save automatically.

![Screen Shot 2018-04-21 at 4.34.47 PM.png](https://cdn.utopian.io/posts/1051bfd09236e329525939129cdf897a761aScreen_Shot_2018-04-21_at_4.34.47_PM.png)

### Other changes

##### Move image upload logic to a provider
Since we were writing the same code across page, I saw a good case for reusability of code. Thus, all the logic to capture photos, take photos from gallery, and upload image to server side were moving to a separated provider which can be called from any page. The usability of the provider is easy since all the methods return a promise with the url of the uploaded image.

https://github.com/Steemia/Steemia/commit/ef00086c56709ecf1f0b3a7b4fec5d4c868108b1#diff-2a978f805b17da9b0bd7ef7c409ca4d2

##### Show toast instead of alert for bookmarks
When you save a bookmark, an alert was shown (which is annoying). What I did was replace this alert with a toast to avoid user action to dismiss the alert.

##### Auth guard for follow/unfollow actions
In the users search feature, we didn't have an auth guard to prevent dispatching actions if the user is not logged in. By default, we show the follow button for the results. When an user is not logged in, the button is still shown there. When you press this button, it changes to unfollow meaning that the action can be dispatched (even though it was not dispatched). To avoid this behavior, an alert is now shown to tell the user that this action requires you to be logged in.

### What is next?

- Fix the way we are showing comments to give a better user experience.
- Fix the markdown parser to be par to Steemit.
- Start working on iOS candidate.

### Contributions
Steemia is open source and it will always be ๐Ÿ™ƒ. If you would like to contribute to this project, feel free to fork the [Steemia repo](https://github.com/Steemia/Steemia) and send us a Pull Request.



<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@jaysermendez/steemia-bug-fixes-features-added-suggestions-added">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
๐Ÿ‘ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,