Merge pull request #119 from RonLek/decouple-demo-mode

[IMPROVE] Decouples Demo Mode from RC4Git
RocketChat · Jun 5, 2021 · 03b9aad · 03b9aad
2 parents 64d0888 + d203d84
commit 03b9aad
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 644 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -19,9 +19,7 @@
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
-    "react-slick": "^0.28.1",
-    "react-syntax-highlighter": "^15.4.3",
-    "slick-carousel": "^1.8.1"
+    "react-syntax-highlighter": "^15.4.3"
   },
   "scripts": {
     "start": "PORT=3002 react-scripts start",

diff --git a/client/src/components/Home/index.css b/client/src/components/Home/index.css
@@ -145,185 +145,3 @@
   height: 1.7em;
   margin-right: 5px;
 }
-
-.select-role-button {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  border-radius: 50%;
-  height: 150px;
-  width: 150px;
-  border: 5px solid #ee4a5b;
-}
-
-.select-role-button:hover {
-  border: 5px solid #2f343d;
-  cursor: pointer;
-}
-
-.carousel-item-wrapper {
-  margin: 20px;
-  text-align: center;
-}
-
-.slick-prev {
-  width: 30px;
-  height: 30px;
-  z-index: 1;
-}
-.slick-next {
-  width: 30px;
-  height: 30px;
-  z-index: 1;
-}
-
-.carousel-slider {
-  margin: 40px 20px 60px 20px;
-}
-
-.carousel-item-link {
-  text-decoration: none;
-  color: #000000;
-}
-
-.carousel-item-image {
-  width: 100%;
-  height: 100%;
-}
-
-.carousel-item-description {
-  color: hsl(240, 5%, 36%);
-}
-
-.demo-mode-toggle {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-end;
-}
-
-.unsigned-search-wrapper {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  justify-content: center;
-  margin-bottom: 20px;
-}
-
-.unsigned-search-input {
-  width: 50%;
-}
-
-.stats-heading {
-  text-align: center;
-  margin-top: 100px;
-  margin-bottom: 40px;
-  color: hsl(240, 6%, 17%);
-  font-weight: 200;
-}
-
-.featured-content-heading {
-  text-align: center;
-  margin-bottom: 40px;
-  color: hsl(240, 6%, 17%);
-  font-weight: 200;
-}
-
-.select-role-heading {
-  text-align: center;
-  margin-top: 30px;
-  margin-bottom: 60px;
-  color: hsl(240, 6%, 17%);
-  font-weight: 200;
-}
-
-.select-role-buttons-row {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-evenly;
-  margin-bottom: 100px;
-}
-
-.select-role-button-icon {
-  height: 50px;
-  width: 50px;
-  margin-bottom: 20px;
-}
-
-.communities-wrapper {
-  margin-bottom: 60px;
-  margin-top: 30px;
-}
-
-.community-activity-wrapper {
-  display: flex;
-  flex-direction: row;
-}
-
-.community-activity-content {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 80%;
-}
-
-.community-activity-author-image {
-  border-radius: 50%;
-  height: 40px;
-  width: 40px;
-  margin-right: 20px;
-}
-
-.community-activity-heading {
-  margin-right: 40px;
-}
-
-.community-activity-info {
-  color: hsl(240, 5%, 36%);
-}
-
-.community-activity-actions-wrapper {
-  display: flex;
-  flex-direction: row;
-  width: 20%;
-}
-
-.community-activity-action {
-  display: flex;
-  width: 50%;
-  align-items: center;
-}
-
-.community-activity-action-button {
-  height: 25px;
-  width: 25px;
-  margin-right: 15px;
-  margin-left: 30px;
-}
-
-.community-activity-action-button:hover {
-  cursor: pointer;
-}
-
-.main-stats-container-demo {
-  width: 100%;
-  margin-bottom: 20px;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-around;
-  flex-wrap: wrap;
-}
-
-.button-container-demo {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 10px;
-  margin-bottom: 20px;
-}
-
-.header-link {
-  color: hsl(240, 5%, 36%);
-}