Merge pull request #9 from rkheftan/fix/toast

fix: use harmony-ui toast and update gitignore to ignore .npmrc

.gitignore

@@ -24,3 +24,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# npm registry
+.npmrc

package.json

@@ -15,6 +15,7 @@
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.2.0",
     "@mui/stylis-plugin-rtl": "^7.2.0",
+    "@rkheftan/harmony-ui": "^0.1.5",
     "i18next": "^25.3.0",
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-http-backend": "^3.0.2",

src/App.tsx

@@ -12,6 +12,7 @@ import { LanguageManager } from './components/LanguageManager';
 
 function App() {
   const { t } = useTranslation();
+  const showToast = useToast();
 
   return (
     <>
@@ -41,6 +42,9 @@ function App() {
           </Alert>
         </Box>
       </div>
+      <Button onClick={() => showToast({ message: 'info toast' })}>
+        toast
+      </Button>
     </>
   );
 }
@@ -48,6 +52,7 @@ function App() {
 export default App;
 
 import { Button } from '@mui/material';
+import { useToast } from '@rkheftan/harmony-ui';
 
 export const ThemeToggleButton = () => {
   const { mode, setMode } = useColorScheme();

src/providers/AppProvider.tsx

@@ -3,6 +3,7 @@ import { I18nextProvider } from 'react-i18next';
 import i18n from '@/config/i18n';
 import { CustomThemeProvider } from './CustomThemeProvider';
 import { RtlProvider } from './RtlProvider';
+import { ToastProvider } from '@rkheftan/harmony-ui';
 
 export const AppProviders: React.FC<{ children: React.ReactNode }> = ({
   children,
@@ -10,7 +11,9 @@ export const AppProviders: React.FC<{ children: React.ReactNode }> = ({
   return (
     <I18nextProvider i18n={i18n}>
       <RtlProvider>
-        <CustomThemeProvider>{children}</CustomThemeProvider>
+        <CustomThemeProvider>
+          <ToastProvider>{children}</ToastProvider>
+        </CustomThemeProvider>
       </RtlProvider>
     </I18nextProvider>
   );