Asel's code

Ticket system

requested changes

Adding ticket dicussion page

Author: AuraOfDivinity

package-lock.json

@@ -29,6 +29,7 @@
     "react-chartjs-2": "^2.9.0",
     "react-content-loader": "^5.0.4",
     "react-cookies": "^0.1.1",
+    "react-data-table-component": "^6.11.0",
     "react-datepicker": "^3.1.3",
     "react-dom": "^16.12.0",
     "react-dropzone": "^11.0.1",
@@ -46,6 +47,7 @@
     "react-share": "^4.2.1",
     "react-spinners": "^0.8.3",
     "react-switch": "^5.0.1",
+    "react-tiny-fab": "^3.5.0",
     "react-toastify": "^6.0.5",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",

package.json

@@ -0,0 +1,133 @@
+export default [
+  {
+    id: 1,
+    title: "Requirement of new Integration",
+    year: "1988",
+    runtime: "92",
+    genres: ["Open"],
+    director: "Tim Burton",
+    actors: "Alec Baldwin, Geena Davis, Annie McEnroe, Maurice Page",
+    plot:
+      "We require a new integration for slack. I would really appreciate it if some of the developers could look into this matter! Please feel free to reach out to me for more information regarding this!. I would be glad to help!",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BMTUwODE3MDE0MV5BMl5BanBnXkFtZTgwNTk1MjI4MzE@._V1_SX300.jpg",
+  },
+  {
+    id: 2,
+    title: "The Cotton Club",
+    year: "1984",
+    runtime: "127",
+    genres: ["Open"],
+    director: "Francis Ford Coppola",
+    actors: "Richard Gere, Gregory Hines, Diane Lane, Lonette McKee",
+    plot:
+      "The Cotton Club was a famous night club in Harlem. The story follows the people that visited the club, those that ran it, and is peppered with the Jazz music that made it so famous.",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BMTU5ODAyNzA4OV5BMl5BanBnXkFtZTcwNzYwNTIzNA@@._V1_SX300.jpg",
+  },
+  {
+    id: 3,
+    title: "The Shawshank Redemption",
+    year: "1994",
+    runtime: "142",
+    genres: ["Solved"],
+    director: "Frank Darabont",
+    actors: "Tim Robbins, Morgan Freeman, Bob Gunton, William Sadler",
+    plot:
+      "Two imprisoned men bond over a number of years, finding solace and eventual redemption through acts of common decency.",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BODU4MjU4NjIwNl5BMl5BanBnXkFtZTgwMDU2MjEyMDE@._V1_SX300.jpg",
+  },
+  {
+    id: 4,
+    title: "Crocodile Dundee",
+    year: "1986",
+    runtime: "97",
+    genres: ["Pending"],
+    director: "Peter Faiman",
+    actors: "Paul Hogan, Linda Kozlowski, John Meillon, David Gulpilil",
+    plot:
+      "An American reporter goes to the Australian outback to meet an eccentric crocodile poacher and invites him to New York City.",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BMTg0MTU1MTg4NF5BMl5BanBnXkFtZTgwMDgzNzYxMTE@._V1_SX300.jpg",
+  },
+  {
+    id: 5,
+    title: "Valkyrie",
+    year: "2008",
+    runtime: "121",
+    genres: ["OnHold"],
+    director: "Bryan Singer",
+    actors: "Tom Cruise, Kenneth Branagh, Bill Nighy, Tom Wilkinson",
+    plot:
+      "A dramatization of the 20 July assassination and political coup plot by desperate renegade German Army officers against Hitler during World War II.",
+    posterUrl:
+      "http://ia.media-imdb.com/images/M/MV5BMTg3Njc2ODEyN15BMl5BanBnXkFtZTcwNTAwMzc3NA@@._V1_SX300.jpg",
+  },
+  {
+    id: 6,
+    title: "Ratatouille",
+    year: "2007",
+    runtime: "111",
+    genres: ["Open"],
+    director: "Brad Bird, Jan Pinkava",
+    actors: "Patton Oswalt, Ian Holm, Lou Romano, Brian Dennehy",
+    plot:
+      "A rat who can cook makes an unusual alliance with a young kitchen worker at a famous restaurant.",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BMTMzODU0NTkxMF5BMl5BanBnXkFtZTcwMjQ4MzMzMw@@._V1_SX300.jpg",
+  },
+  {
+    id: 7,
+    title: "City of God",
+    year: "2002",
+    runtime: "130",
+    genres: ["Solved"],
+    director: "Fernando Meirelles, Kátia Lund",
+    actors:
+      "Alexandre Rodrigues, Leandro Firmino, Phellipe Haagensen, Douglas Silva",
+    plot:
+      "Two boys growing up in a violent neighborhood of Rio de Janeiro take different paths: one becomes a photographer, the other a drug dealer.",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BMjA4ODQ3ODkzNV5BMl5BanBnXkFtZTYwOTc4NDI3._V1_SX300.jpg",
+  },
+  {
+    id: 8,
+    title: "Memento",
+    year: "2000",
+    runtime: "113",
+    genres: ["Solved"],
+    director: "Christopher Nolan",
+    actors: "Guy Pearce, Carrie-Anne Moss, Joe Pantoliano, Mark Boone Junior",
+    plot:
+      "A man juggles searching for his wife's murderer and keeping his short-term memory loss from being an obstacle.",
+    posterUrl:
+      "https://images-na.ssl-images-amazon.com/images/M/MV5BNThiYjM3MzktMDg3Yy00ZWQ3LTk3YWEtN2M0YmNmNWEwYTE3XkEyXkFqcGdeQXVyMTQxNzMzNDI@._V1_SX300.jpg",
+  },
+  {
+    id: 9,
+    title: "The Intouchables",
+    year: "2011",
+    runtime: "112",
+    genres: ["Closed"],
+    director: "Olivier Nakache, Eric Toledano",
+    actors: "François Cluzet, Omar Sy, Anne Le Ny, Audrey Fleurot",
+    plot:
+      "After he becomes a quadriplegic from a paragliding accident, an aristocrat hires a young man from the projects to be his caregiver.",
+    posterUrl:
+      "http://ia.media-imdb.com/images/M/MV5BMTYxNDA3MDQwNl5BMl5BanBnXkFtZTcwNTU4Mzc1Nw@@._V1_SX300.jpg",
+  },
+  {
+    id: 10,
+    title: "The Intouchables",
+    year: "2011",
+    runtime: "112",
+    genres: ["Open"],
+    director: "Olivier Nakache, Eric Toledano",
+    actors: "François Cluzet, Omar Sy, Anne Le Ny, Audrey Fleurot",
+    plot:
+      "After he becomes a quadriplegic from a paragliding accident, an aristocrat hires a young man from the projects to be his caregiver.",
+    posterUrl:
+      "http://ia.media-imdb.com/images/M/MV5BMTYxNDA3MDQwNl5BMl5BanBnXkFtZTcwNTU4Mzc1Nw@@._V1_SX300.jpg",
+  },
+];

src/assets/jsonData/tickets.js

@@ -23,6 +23,8 @@ import AdminRoute from "./common/AdminRoute";
 import Activity from "./user/Activity/Activity";
 import IntegrationsPage from "./user/integrations/IntegrationsPage/IntegrationsPage";
 import UserIntegrations from "./user/integrations/UserIntegrations/UserIntegrations";
+import TicketDashboard from "../src/user/Admin/Tickets/TicketDashboard";
+import TicketDiscussion from "../src/user/Admin/Tickets/TicketDiscussions";
 
 const Router = () => (
   <BrowserRouter>
@@ -48,6 +50,7 @@ const Router = () => (
       <PrivateRoute exact path="/setup" component={Setup} />
       <AdminRoute exact path="/org-settings" component={CommunitySetting} />
       <AdminRoute exact path="/activity/:userId" component={Activity} />
+      <AdminRoute exact path="/tickets" component={TicketDashboard} />
       <PrivateRoute exact path="/insight" component={Insight} />
       <PrivateRoute exact path="/admin" component={Admin} />
       <PrivateRoute exact path="/integrations" component={IntegrationsPage} />
@@ -56,6 +59,11 @@ const Router = () => (
         path="/userintegrations"
         component={UserIntegrations}
       />
+      <PrivateRoute
+        exact
+        path="/ticketdiscussion"
+        component={TicketDiscussion}
+      />
       <Route component={NotFound} />
     </Switch>
   </BrowserRouter>