filter brews by clicking tags

[ericscheid]

When you click a tag [in the userpage brew card], it filters the user's documents so only documents with that tag are showing

Reading back through the history on this, we never actually created this functionality. I believe we can probably do so by making the tags automatically link to the current URL with a ?filter=${URL.encode(tag content)}.

Originally posted by @G-Ambatte in #758 (comment)

[ericscheid]

The relevant code to tweak is at

homebrewery/client/homebrew/pages/basePages/listPage/brewItem/brewItem.jsx

Lines 127 to 134 in be72b02

	{brew.tags?.length ? <>
	<div className='brewTags' title={`Tags:\n${brew.tags.join('\n')}`}>
	<i className='fas fa-tags'/>
	{brew.tags.map((tag, idx)=>{
	const matches = tag.match(/^(?:([^:]+):)?([^:]+)$/);
	return <span key={idx} className={matches[1]}>{matches[2]}</span>;
	})}
	</div>

We could simply apply a html link, but that would entail a server round trip http request. Better would be to do a history.replace( ) or whatever is the React equivalent — that way the browser page isn't forced to fully reload from the server and the browser window contents simply update dynamically (same way the filter UI widget works).

[G-Ambatte]

I think we need to pass a function from ListPage to BrewItem to allow it to be able to influence the filtering. I suspect the easiest thing to do will be to just replace the current filter with the tag contents, but then we should be able to extend to allow the text input to co-exist with a tag filter.