Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 17 additions & 5 deletions src/pages/add-dock.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -62,9 +62,21 @@ const AddDock = () => {
To add your own dock, run the following command in your{" "}
<Link href="/apps/Terminal">terminal</Link>:
</p>
<code className="mb-8 w-full rounded border bg-black p-4">
npx dockhunt
</code>
<div className="flex mb-8 items-center">
<code className="rounded border bg-black p-4">
npx dockhunt
</code>
<button
className="ml-4 rounded-full bg-blue-700 px-4 py-2 text-white hover:bg-blue-600"
onClick={() => {
navigator.clipboard.writeText('npx dockhunt').then(() => {
alert('Command copied!');
});
}}
>
Copy Command
</button>
</div>
<p className="mb-2 text-xl">The command will:</p>
<ol className="mb-8 list-decimal pl-8 text-xl">
<li>Find the apps in your dock</li>
Expand Down Expand Up @@ -95,7 +107,7 @@ const AddDock = () => {

<p className="mb-8 text-xl">
Dockhunt will only use the apps that are pinned to your dock. Apps can
be pinned by right-clicking and selecting Options &gt; Keep in Dock.
be pinned by right-clicking and selecting Options > Keep in Dock.
Apps that are not pinned will be ignored.
</p>
<Image
Expand All @@ -108,4 +120,4 @@ const AddDock = () => {
);
};

export default AddDock;
export default AddDock;