[WIP] POC: Feat/update source display

.env.example

@@ -0,0 +1,3 @@
+VITE_API_URL=https://api.hackertab.dev/
+VITE_BUILD_PLATFORM=chrome|firefox
+VITE_BUILD_TARGET=web|extension

.gitignore

@@ -1,7 +1,6 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
 .eslintcache
-.env*
 *.zip
 .todo
 # dependencies
@@ -17,6 +16,7 @@
 /dist
 # misc
 .DS_Store
+.env
 .env.local
 .env.development.local
 .env.test.local

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
-    "editor.formatOnSave": true,
-    "editor.codeActionsOnSave": {
-        "source.organizeImports": true
-    }
-}
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit"
+  }
+}

README.md

@@ -12,9 +12,9 @@
 
 As a developer, it can be difficult to stay on top of everything happening in the field. Hackertab makes it easy by allowing you to customize your default tab page to include news, tools and events from top sources such as GitHub Trendings, Hacker News, DevTo, Medium, and Product Hunt. No matter what type of developer you are, you'll find valuable and relevant information with Hackertab. Don't miss out - give it a try today!
 
-#### Demo
+## 👉 Demo
 
-👉 [now.hackertab.dev](https://now.hackertab.dev)
+[now.hackertab.dev](https://now.hackertab.dev)
 
 ## 👩‍💻 How to use it
 
@@ -56,7 +56,7 @@ Please do not hesitate to ask a question, report a bug or add a suggestion. or s
 
 ## Development
 
-Please use the develop branch. Create an .env file with the necessary
+Please use the develop branch. Create an .env file with the necessary (see `env.example`).
 
 ```bash
 $ git clone --branch develop [email protected]:medyo/hackertab.dev.git
@@ -70,7 +70,7 @@ $ # Then visit http://localhost:3000
 
 - [medyo](https://github.com/medyo)
 
-## Licencing
+## Licensing
 
 Hackertab is licensed under the Apache License, Version 2.0.
 See [LICENSE](/LICENSE) for the full license text.

package.json

@@ -21,7 +21,6 @@
     "react-contexify": "^5.0.0",
     "react-device-detect": "^1.17.0",
     "react-dom": "^17.0.1",
-    "react-easy-sort": "^1.5.1",
     "react-error-boundary": "^3.1.4",
     "react-icons": "^4.12.0",
     "react-markdown": "^7.0.1",

src/App.tsx

@@ -62,10 +62,8 @@ export const App = () => {
         <OnboardingModal showOnboarding={showOnboarding} setShowOnboarding={setShowOnboarding} />
       )}
 
-      <div className="layoutLayers hideScrollBar">
-        {isDNDModeActive() && <DNDLayout />}
-        <AppContentLayout />
-      </div>
+      {isDNDModeActive() && <DNDLayout />}
+      <AppContentLayout />
     </>
   )
 }