From a98b578ef4719d989dd4de34c830282dc1f6a553 Mon Sep 17 00:00:00 2001
From: Michael Giek <michael.giek@exxeta.com>
Date: Wed, 15 Jan 2025 20:40:05 +0100
Subject: [PATCH] #118 - set the possition of setting and github icon

---
 .../shared/settings/SettingsModal.tsx         |  8 ++------
 src/renderer/components/sidebar/FooterBar.tsx | 19 ++++++++-----------
 2 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/renderer/components/shared/settings/SettingsModal.tsx b/src/renderer/components/shared/settings/SettingsModal.tsx
index dddf13ef..515a0092 100644
--- a/src/renderer/components/shared/settings/SettingsModal.tsx
+++ b/src/renderer/components/shared/settings/SettingsModal.tsx
@@ -13,18 +13,14 @@ import { useVariableStore } from '@/state/variableStore';
 import { Button } from '@/components/ui/button';
 import * as React from 'react';
 
-interface Props {
-  className: string;
-}
-export const SettingsModal = (props: Props) => {
-  const { className } = props;
+export const SettingsModal = () => {
   const { save, cancel, openModal } = useVariableStore.getState();
   const isOpen = useVariableStore((state) => state.isOpen);
   const allDoubleKeys = useVariableStore((state) => state.allDoubleKeys);
 
   return (
     <Dialog open={isOpen} onOpenChange={cancel}>
-      <DialogTrigger className={className} onClick={openModal}>
+      <DialogTrigger onClick={openModal}>
         <FiSettings className="text-xl ml-2" />
       </DialogTrigger>
       <DialogContent style={{ minWidth: '100vh' }}>
diff --git a/src/renderer/components/sidebar/FooterBar.tsx b/src/renderer/components/sidebar/FooterBar.tsx
index 27735169..a0a20a7b 100644
--- a/src/renderer/components/sidebar/FooterBar.tsx
+++ b/src/renderer/components/sidebar/FooterBar.tsx
@@ -16,17 +16,14 @@ export function FooterBar() {
       {/* Version text on the left */}
       <span className="text-xs text-gray-500">{appVersion ?? null}</span>
 
-      {/* Icons on the right */}
-      {/* GitHub Icon */}
-      <a
-        className="flex items-center space-x-4"
-        href="https://github.com/EXXETA/trufos"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <GithubIcon /> {/* Adjust the size as needed */}
-      </a>
-      <SettingsModal className="flex items-center space-x-4" />
+      <div className="flex items-center gap-1">
+        {/* Icons on the right */}
+        {/* GitHub Icon */}
+        <a href="https://github.com/EXXETA/trufos" target="_blank" rel="noopener noreferrer">
+          <GithubIcon /> {/* Adjust the size as needed */}
+        </a>
+        <SettingsModal />
+      </div>
     </div>
   );
 }