Merge pull request #299 from linkwarden/dev

swapped changelog url

components/NoLinksFound.tsx

@@ -11,7 +11,7 @@ export default function NoLinksFound({ text }: Props) {
   const { setModal } = useModalStore();
 
   return (
-    <div className="w-full h-full flex flex-col justify-center p-10">
+    <div className="border border-solid border-sky-100 dark:border-neutral-700 w-full h-full flex flex-col justify-center p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800">
       <p className="text-center text-2xl text-black dark:text-white">
         {text || "You haven't created any Links Here"}
       </p>

components/SettingsSidebar.tsx

@@ -20,7 +20,7 @@ import {
 } from "@fortawesome/free-brands-svg-icons";
 
 export default function SettingsSidebar({ className }: { className?: string }) {
-  const LINKWARDEN_VERSION = "v2.2.0";
+  const LINKWARDEN_VERSION = "v2.2.1";
 
   const { collections } = useCollectionStore();
 
@@ -139,7 +139,7 @@ export default function SettingsSidebar({ className }: { className?: string }) {
 
       <div className="flex flex-col gap-1">
         <Link
-          href={`https://github.com/linkwarden/linkwarden/releases/tag/${LINKWARDEN_VERSION}`}
+          href={`https://github.com/linkwarden/linkwarden/releases`}
           target="_blank"
           className="dark:text-gray-300 text-gray-500 text-sm ml-2 hover:opacity-50 duration-100"
         >

pages/dashboard.tsx

@@ -124,7 +124,7 @@ export default function Dashboard() {
         </div>
 
         <div>
-          <div className="flex justify-between flex-col md:flex-row md:items-center gap-2 md:w-full h-full rounded-2xl p-8 border border-sky-100 dark:border-neutral-700 bg-gray-100 dark:bg-neutral-800">
+          <div className="flex justify-evenly flex-col md:flex-row md:items-center gap-2 md:w-full h-full rounded-2xl p-8 border border-sky-100 dark:border-neutral-700 bg-gray-100 dark:bg-neutral-800">
             <DashboardItem
               name={numberOfLinks === 1 ? "Link" : "Links"}
               value={numberOfLinks}
@@ -132,7 +132,7 @@ export default function Dashboard() {
             />
 
             <hr className="border-sky-100 dark:border-neutral-700 md:hidden my-5" />
-            <div className="h-full border-1 border-l border-sky-100 dark:border-neutral-700 hidden md:block"></div>
+            <div className="h-24 border-1 border-l border-sky-100 dark:border-neutral-700 hidden md:block"></div>
 
             <DashboardItem
               name={collections.length === 1 ? "Collection" : "Collections"}
@@ -141,7 +141,7 @@ export default function Dashboard() {
             />
 
             <hr className="border-sky-100 dark:border-neutral-700 md:hidden my-5" />
-            <div className="h-full border-1 border-r border-sky-100 dark:border-neutral-700 hidden md:block"></div>
+            <div className="h-24 border-1 border-r border-sky-100 dark:border-neutral-700 hidden md:block"></div>
 
             <DashboardItem
               name={tags.length === 1 ? "Tag" : "Tags"}
@@ -312,10 +312,10 @@ export default function Dashboard() {
         </div>
 
         <div
-          style={{ flex: "0 1 auto" }}
+          style={{ flex: "1 1 auto" }}
           className="flex flex-col 2xl:flex-row items-start 2xl:gap-2"
         >
-          {links[0] ? (
+          {links.some((e) => e.pinnedBy && e.pinnedBy[0]) ? (
             <div className="w-full">
               <div
                 className={`grid overflow-hidden 2xl:grid-cols-3 xl:grid-cols-2 grid-cols-1 gap-5 w-full`}

pages/links/pinned.tsx

@@ -59,14 +59,26 @@ export default function PinnedLinks() {
             ) : null}
           </div>
         </div>
-        {links[0] ? (
+        {links.some((e) => e.pinnedBy && e.pinnedBy[0]) ? (
           <div className="grid 2xl:grid-cols-3 xl:grid-cols-2 grid-cols-1 gap-5">
             {links.map((e, i) => {
               return <LinkCard key={i} link={e} count={i} />;
             })}
           </div>
         ) : (
-          <NoLinksFound text="You Haven't Created Any Links Yet" />
+          <div
+            style={{ flex: "1 1 auto" }}
+            className="sky-shadow flex flex-col justify-center h-full border border-solid border-sky-100 dark:border-neutral-700 w-full mx-auto p-10 rounded-2xl bg-gray-50 dark:bg-neutral-800"
+          >
+            <p className="text-center text-2xl text-black dark:text-white">
+              Pin Your Favorite Links Here!
+            </p>
+            <p className="text-center mx-auto max-w-96 w-fit text-gray-500 dark:text-gray-300 text-sm mt-2">
+              You can Pin your favorite Links by clicking on the three dots on
+              each Link and clicking{" "}
+              <span className="font-semibold">Pin to Dashboard</span>.
+            </p>
+          </div>
         )}
       </div>
     </MainLayout>