Merge pull request #242 from linkwarden/dev

minor change to DockerFile

Dockerfile

@@ -1,5 +1,4 @@
-# playwright doesnt support debian image
-FROM node:20-bullseye-slim
+FROM node:18.18-bullseye-slim
 
 ARG DEBIAN_FRONTEND=noninteractive
 
@@ -9,10 +8,13 @@ WORKDIR /data
 
 COPY ./package.json ./yarn.lock ./playwright.config.ts ./
 
-RUN yarn && \
-    npx playwright install-deps && \
-    apt-get clean && \
-    yarn cache clean
+RUN yarn
+
+RUN npx playwright install-deps
+
+RUN apt-get clean
+
+RUN yarn cache clean
 
 COPY . .
 

README.md

@@ -38,6 +38,7 @@ We highly recommend that you don't use the old version because it is no longer m
 ## Features
 
 - 📸 Auto capture a screenshot and a PDF of each link.
+- 🏛️ Send your webpage to Wayback Machine archive.org for a snapshot.
 - 📂 Organize links by collection, name, description and multiple tags.
 - 👥 Collaborate on gathering links in a collection.
 - 🔐 Customize the permissions of each member.

components/SettingsSidebar.tsx

@@ -4,9 +4,7 @@ import {
   faUser,
   faPalette,
   faBoxArchive,
-  faLock,
   faKey,
-  faRightLeft,
 } from "@fortawesome/free-solid-svg-icons";
 import Link from "next/link";
 import { useRouter } from "next/router";
@@ -94,44 +92,6 @@ export default function SettingsSidebar({ className }: { className?: string }) {
           </div>
         </Link>
 
-        {/* <Link href="/settings/migration">
-          <div
-            className={`${
-              active === `/settings/migration`
-                ? "bg-sky-200 dark:bg-sky-800"
-                : "hover:bg-slate-200 hover:dark:bg-neutral-700"
-            } duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
-          >
-            <FontAwesomeIcon
-              icon={faRightLeft}
-              className="w-6 h-6 text-sky-500 dark:text-sky-500"
-            />
-
-            <p className="text-black dark:text-white truncate w-full pr-7">
-              Import & Export
-            </p>
-          </div>
-        </Link> */}
-
-        {/* <Link href="/settings/privacy">
-          <div
-            className={`${
-              active === `/settings/privacy`
-                ? "bg-sky-200 dark:bg-sky-800"
-                : "hover:bg-slate-200 hover:dark:bg-neutral-700"
-            } duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
-          >
-            <FontAwesomeIcon
-              icon={faLock}
-              className="w-6 h-6 text-sky-500 dark:text-sky-500"
-            />
-
-            <p className="text-black dark:text-white truncate w-full pr-7">
-              Privacy
-            </p>
-          </div>
-        </Link> */}
-
         <Link href="/settings/password">
           <div
             className={`${
@@ -204,7 +164,7 @@ export default function SettingsSidebar({ className }: { className?: string }) {
           </div>
         </Link>
 
-        <Link href="https://twitter.com/linkwarden_app" target="_blank">
+        <Link href="https://twitter.com/LinkwardenHQ" target="_blank">
           <div
             className={`hover:bg-slate-200 hover:dark:bg-neutral-700 duration-100 py-2 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8`}
           >

layouts/SettingsLayout.tsx

@@ -40,11 +40,11 @@ export default function SettingsLayout({ children }: Props) {
       <ModalManagement />
 
       <div className="flex max-w-screen-md mx-auto">
-        <div className="hidden lg:block">
+        <div className="hidden lg:block fixed h-screen">
           <SettingsSidebar />
         </div>
 
-        <div className="w-full flex flex-col h-screen p-5">
+        <div className="w-full flex flex-col min-h-screen p-5 lg:ml-64">
           <div className="flex gap-3">
             <div
               onClick={toggleSidebar}