Merge pull request #1 from mahek0620/mahek0620-updateRegister

Updated Register.tsx
Yeasir0032 · May 29, 2024 · 6311336 · 6311336
2 parents 2c6b3b3 + d4b262a
commit 6311336
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/components/home-layouts/Register.tsx b/components/home-layouts/Register.tsx
@@ -1,19 +1,19 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Button } from '@radix-ui/react-button';
 import { SunIcon, MoonIcon } from '@heroicons/react/solid';
 import { useTheme } from 'next-themes';
 
 const backgroundImageUrl = 'https://source.unsplash.com/random/1920x1080'; // Replace with desired URL from Unsplash
 
-const RegisterPage = () => {
+const RegisterPage: React.FC = () => {
   const { theme, setTheme } = useTheme();
 
   const toggleTheme = () => {
     setTheme(theme === 'dark' ? 'light' : 'dark');
   };
 
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center bg-cover" style={{ backgroundImage: `url(${backgroundImageUrl})` }}>
+    <div className={`min-h-screen flex flex-col items-center justify-center bg-cover ${theme === 'dark' ? 'dark' : ''}`} style={{ backgroundImage: `url(${backgroundImageUrl})` }}>
       <div className="absolute top-4 right-4">
         <Button onClick={toggleTheme} className="p-2 bg-gray-800 text-white rounded-full">
           {theme === 'dark' ? <SunIcon className="h-6 w-6" /> : <MoonIcon className="h-6 w-6" />}
@@ -40,12 +40,12 @@ const RegisterPage = () => {
           </div>
           <div className="flex items-center justify-between mb-6">
             <Button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" type="submit">
-              Continue
+              Create Account
             </Button>
           </div>
         </form>
         <Button className="w-full bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded flex items-center justify-center">
-          {/* <img src="https://upload.wikimedia.org/wikipedia/commons/4/4f/Google_Logo.png" alt="Google Logo" className="w-6 h-6 mr-2" /> */}
+          <img src="https://upload.wikimedia.org/wikipedia/commons/4/4f/Google_Logo.png" alt="Google Logo" className="w-6 h-6 mr-2" />
           Continue with Google
         </Button>
       </div>
@@ -54,4 +54,3 @@ const RegisterPage = () => {
 };
 
 export default RegisterPage;
-