chore: add demo mode

web/src/components/DemoBanner.tsx

@@ -0,0 +1,31 @@
+import { globalService } from "../services";
+import Icon from "./Icon";
+
+const DemoBanner: React.FC = () => {
+  const {
+    workspaceProfile: {
+      profile: { mode },
+    },
+  } = globalService.getState();
+  const shouldShow = mode === "demo";
+
+  if (!shouldShow) return null;
+
+  return (
+    <div className="z-10 flex flex-row items-center justify-center w-full py-2 text-sm sm:text-lg font-medium dark:text-gray-300 bg-white dark:bg-zinc-700 shadow">
+      <div className="w-full max-w-4xl px-4 flex flex-row justify-between items-center gap-x-3">
+        <span>✨A bookmarking and url shortener, save and share your links very easily.✨</span>
+        <a
+          className="shadow flex flex-row justify-center items-center px-2 py-1 rounded-md text-sm sm:text-base text-white bg-blue-600 hover:bg-blue-700"
+          href="https://github.com/boojack/slash#deploy-with-docker-in-seconds"
+          target="_blank"
+        >
+          Install
+          <Icon.ExternalLink className="w-4 h-auto ml-1" />
+        </a>
+      </div>
+    </div>
+  );
+};
+
+export default DemoBanner;

web/src/components/ShortcutView.tsx

@@ -95,7 +95,7 @@ const ShortcutView = (props: Props) => {
           <div className="flex flex-row justify-end items-center space-x-2">
             {havePermission && (
               <Dropdown
-                actionsClassName="!w-24"
+                actionsClassName="!w-32"
                 actions={
                   <>
                     <button
@@ -104,6 +104,12 @@ const ShortcutView = (props: Props) => {
                     >
                       <Icon.Edit className="w-4 h-auto mr-2" /> Edit
                     </button>
+                    <button
+                      className="w-full px-2 flex flex-row justify-start items-center text-left leading-8 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
+                      onClick={() => setShowAnalyticsDialog(true)}
+                    >
+                      <Icon.BarChart2 className="w-4 h-auto mr-2" /> Analytics
+                    </button>
                     <button
                       className="w-full px-2 flex flex-row justify-start items-center text-left leading-8 cursor-pointer rounded text-red-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
                       onClick={() => {