JSFiddle - React, Tailwind, and code Playground

HTML

<img src="icon-icon-view.png" id="icon_view_button" alt="icon view icon" />
<img src="icon-list-view.png" id="list_view_button" alt="list view icon" />

<div id="icon_view">put files with icon here</div>
<div id="list_view" class="hide">put files as list here</div>

CSS

.hide {
  display: none;
}

JavaScript

$('#icon_view_button').click(function() {
  $('#icon_view').show();
  $('#list_view').hide();
});

$('#list_view_button').click(function() {
  $('#icon_view').hide();
  $('#list_view').show();
});