Forem: Add Medium link and icon to settings and profile

[ghost]

Is your feature request related to a problem? Please describe.

I would like to link my personal website to the Website Url in the settings that displays on profiles with the external link icon. However, I regularly write programming tutorials on Medium and would like that link to be on my profile too.

This presents a difficult decision as to whether to include my personal site as the Website url, or the Medium profile url - where I share a lot of my writing on programming and software development.

Describe the solution you'd like

Could there be a Medium url in the settings, which when included would add a link with the Medium icon on profile pages?

This would then mean a personal or business website could be used for the Website url in the settings.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[ghost]

If the DEV team and community like this idea, I would be interested in writing the code and submitting a PR for this because I am interested in contributing to the dev.to codebase.

[benhalpern]

I think this makes sense. Medium is every bit as relevant as Stack Overflow and others as additional profiles. Approved for contributions. Follow existing patterns. 🙂

[ghost]

Great you think it can be relevant for dev.to.

I will take a look at submitting a contribution with the change this week.

[ghost]

@benhalpern

In terms of adding a svg file for the medium icon, where have you sourced your other svgs from? Are you able to give some guidance on adding one for the medium icon?

[ghost]

I'm also trying to run the test but keep getting FATAL: role "username" does not exist errors - is there a configuration or command that can address this?

[maestromac]

Hey @ryanwhocodes can you tell me which test and can you show me more of the error message please?

[ghost]

It was when I ran bundle exec rspec. It seems to raise similar errors for other commands that required access to the postgres database. I couldn't do things like create the database either for the same reason.

I can try to post the stack trace when I get home from work this evening.

[ghost]

There's a chance this could be fixed be reinstalling postgres, but would be better to understand what the cause of the error is and how to address the issue.

[ghost]

From browsing some stack overflow posts, I may need to create a user with the current username within postgres.
https://stackoverflow.com/questions/11919391/postgresql-error-fatal-role-username-does-not-exist

[maestromac]

@ryanwhocodes it does sound like you are experiencing Postgres setup issue. You happen to be using linux?

[ghost]

Once I reinstalled postres and removed the local vars for postgres, the database can be created.

Now there are issues around migrating the database.

The following environment variables should be set: ALGOLIASEARCH_API_KEY, ALGOLIASEARCH_APPLICATION_ID, ALGOLIASEARCH_SEARCH_ONLY_KEY.

[Zhao-Andy]

Looks like you're missing some API keys. Check out this guide for the details on getting them:
https://docs.dev.to/get-api-keys-dev-env/

[ghost]

@Zhao-Andy I've generated them, but where does the codebase store env vars?

[maestromac]

Hey @ryanwhocodes , check out step 7. and forward on our MacOS installation doc

[ghost]

Now getting the error: Algolia::AlgoliaProtocolError: Cannot reach any host: getaddrinfo: nodename nor servname provided, or not known

[Zhao-Andy]

@ryanwhocodes This errors occurs when you're running db:setup right? Seems like your env variable ALGOLIASEARCH_APPLICATION_ID is invalid, perhaps because of typo?

[ghost]

I'm retrying now...

[Zhao-Andy]

If you've created an Algolia application with API keys, you should see this:

The Application ID should be used as an environment variable in your application.yml file as the value of the environment variable ALGOLIASEARCH_APPLICATION_ID.

Live chat might be better to debug this, so I've followed you on DEV Connect: https://dev.to/connect. You can follow me back and we can start chatting.

[ghost]

After putting the right vars in the right place it has worked on a cloned master branch of Dev.to. Going to try it on the feature branch now too...

[ghost]

Thanks for your patience everyone! The PR is almost there... All that needs to be added is the svg file for the medium icon. Does Dev.to use the SVGs from font awesome?

[Zhao-Andy]

Not sure it has to be from Font Awesome directly, but the best way would be to add it as a new file to our assets via app/assets/images.

[ghost]

Well, I added the one from Font Awesome to the images folder and hope to get confirmation and feedback on this.

PR now opened here with screenshot https://github.com/thepracticaldev/dev.to/pull/943