From ebec399fbd9834426debdd1f8a880bde5f30a8ec Mon Sep 17 00:00:00 2001 From: Phillip Conrad Date: Mon, 16 Nov 2020 19:30:56 -0800 Subject: [PATCH 1/5] pc - add emacs backup files to .gitignore The pattern is *~ --- .gitignore | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/.gitignore b/.gitignore index f2f1a0246..434d6e9a9 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,9 @@ +# Emacs files + +*~ + +# other files + HELP.md target/ !.mvn/wrapper/maven-wrapper.jar From 3cdd1ebab5cfdbbbd06a61924a9c5a8063b53dff Mon Sep 17 00:00:00 2001 From: Phillip Conrad Date: Mon, 16 Nov 2020 19:53:55 -0800 Subject: [PATCH 2/5] pc - WIP starting point for channel list It still uses fake data, and there are no tests yet. Next steps are to build backend routes, the code to get data to the front end and then tests. --- javascript/src/main/App.js | 2 ++ .../main/components/Channels/ChannelTable.js | 17 ++++++++++++++ .../src/main/components/Nav/AppNavbar.js | 8 ++++++- .../src/main/pages/Channels/ChannelList.js | 22 +++++++++++++++++++ 4 files changed, 48 insertions(+), 1 deletion(-) create mode 100644 javascript/src/main/components/Channels/ChannelTable.js create mode 100644 javascript/src/main/pages/Channels/ChannelList.js diff --git a/javascript/src/main/App.js b/javascript/src/main/App.js index 9eb8c22e3..2558c3ee0 100644 --- a/javascript/src/main/App.js +++ b/javascript/src/main/App.js @@ -11,6 +11,7 @@ import PrivateRoute from "main/components/Auth/PrivateRoute"; import Admin from "main/pages/Admin/Admin"; import SlackUsers from "./pages/Admin/SlackUsers"; import AuthorizedRoute from "main/components/Nav/AuthorizedRoute"; +import ChannelList from "main/pages/Channels/ChannelList"; function App() { return ( @@ -20,6 +21,7 @@ function App() { + diff --git a/javascript/src/main/components/Channels/ChannelTable.js b/javascript/src/main/components/Channels/ChannelTable.js new file mode 100644 index 000000000..7064a26a7 --- /dev/null +++ b/javascript/src/main/components/Channels/ChannelTable.js @@ -0,0 +1,17 @@ +import React from "react"; +import BootstrapTable from 'react-bootstrap-table-next'; + +export default ({channels}) => { + + const columns = [{ + dataField: 'id', + text: 'id' + }, { + dataField: 'name', + text: 'name' + }]; + + return ( + + ); +} \ No newline at end of file diff --git a/javascript/src/main/components/Nav/AppNavbar.js b/javascript/src/main/components/Nav/AppNavbar.js index 541727e01..8f9944d36 100644 --- a/javascript/src/main/components/Nav/AppNavbar.js +++ b/javascript/src/main/components/Nav/AppNavbar.js @@ -15,6 +15,7 @@ function AppNavbar() { fetchWithToken ); const isAdmin = roleInfo && roleInfo.role.toLowerCase() === "admin"; + const isMember = roleInfo && roleInfo.role.toLowerCase() === "member"; return ( @@ -22,12 +23,17 @@ function AppNavbar() { Mapache Search