github/ai-toolkit
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Show active jobs in the sidebar of the ui

Browse Source
This commit is contained in:
Jaret Burkett
2026-05-25 08:21:42 -06:00
parent a798e06dd2
commit 3d836ac371
2 changed files with 95 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
ui/src/components/Sidebar.tsx
View File

@@ -8,6 +8,7 @@ import { FaXTwitter, FaDiscord, FaYoutube } from 'react-icons/fa6';
import { createGlobalState } from 'react-global-hooks';
import ThemeToggle from './ThemeToggle';
import ThemeLogo from './ThemeLogo';
import ActiveJobWidget from './ActiveJobWidget';
export const mobileSidebarState = createGlobalState<boolean>(false);
@@ -75,29 +76,28 @@ const Sidebar = () => {
))}
</ul>
</nav>
<div className="px-3 py-3">
<a
href="https://ostris.com/support"
target="_blank"
rel="noreferrer"
className="flex items-center justify-center space-x-2 px-4 py-2.5 rounded-full bg-gray-800 hover:bg-gray-700 shadow-md hover:shadow-lg ring-1 ring-gray-700 hover:ring-gray-600 transition-all duration-200 hover:-translate-y-0.5 active:translate-y-0 active:shadow-sm"
<ActiveJobWidget />
<a
href="https://ostris.com/support"
target="_blank"
rel="noreferrer"
className="group flex items-center space-x-2 px-4 py-3 text-gray-400 hover:text-gray-200 transition-colors"
>
<svg
height="20"
width="20"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
style={{ overflow: 'visible' }}
>
<svg
height="20"
width="20"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
style={{ overflow: 'visible' }}
>
<path
className="animate-heartbeat"
d="m7 3c-1.5355 0-3.0784 0.5-4.25 1.7-2.3431 2.4-2.2788 6.1 0 8.5l9.25 9.8 9.25-9.8c2.279-2.4 2.343-6.1 0-8.5-2.343-2.3-6.157-2.3-8.5 0l-0.75 0.8-0.75-0.8c-1.172-1.2-2.7145-1.7-4.25-1.7z"
fill="#c0392b"
/>
</svg>
<span className="uppercase text-gray-200 text-sm font-semibold tracking-wide">Support AI-Toolkit</span>
</a>
</div>
<path
className="animate-heartbeat"
d="m7 3c-1.5355 0-3.0784 0.5-4.25 1.7-2.3431 2.4-2.2788 6.1 0 8.5l9.25 9.8 9.25-9.8c2.279-2.4 2.343-6.1 0-8.5-2.343-2.3-6.157-2.3-8.5 0l-0.75 0.8-0.75-0.8c-1.172-1.2-2.7145-1.7-4.25-1.7z"
fill="#c0392b"
/>
</svg>
<span className="uppercase text-sm font-medium tracking-wide">Support AI-Toolkit</span>
</a>
{/* Social links grid */}
<div className="px-1 py-1 border-t border-gray-800">