UI remove mention of "email" and request a username (#933)

updated UI to remove email referencing and @ in username

> So this will work -- the full auth system integration will break (it requires emails),
> but given that this is separate that's fine.
by Elijah

---------

Co-authored-by: zilto <tjean@DESKTOP-V6JDCS2>

ui/frontend/src/auth/LocalAccount.tsx

@@ -6,7 +6,7 @@ export const LocalAccount = () => {
   const localAccount = useContext(UserContext)?.username;
   return (
       <div className="mt-20">
-        <h1 className="text-3xl font-bold text-gray-700 pl-5 pb-4">Email: {localAccount}</h1>
+        <h1 className="text-3xl font-bold text-gray-700 pl-5 pb-4">Username: {localAccount}</h1>
         <ProjectLogInstructions
           projectId={undefined}
           username={localAccount || ""}

ui/frontend/src/auth/Login.tsx

@@ -13,7 +13,6 @@ export const UserContext = createContext<UserContextType | undefined>(
 
 export const LocalLoginProvider = (props: { children: React.ReactNode }) => {
   const [localUsername, setLocalUsername] = useState<string>("");
-  const isValidEmail = localUsername.includes("@"); // Quick hack -- todo: use email-validator
   const [username, setUsername] = useLocalStorage(
     "hamilton-username",
     undefined
@@ -31,9 +30,6 @@ export const LocalLoginProvider = (props: { children: React.ReactNode }) => {
   };
 
   const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
-    if (!isValidEmail) {
-      return;
-    }
     event.preventDefault();
     setUsername(localUsername); // Store username
   };
@@ -45,9 +41,6 @@ export const LocalLoginProvider = (props: { children: React.ReactNode }) => {
           <h2 className="mt-6 text-center text-3xl font-extrabold text-gray-900">
             Welcome to the Hamilton UI!
           </h2>
-          <p className="mt-4 text-center text-sm text-gray-600">
-            Please enter an email address
-          </p>
         </div>
         <form className="mt-8 space-y-6" onSubmit={handleSubmit}>
           <input
@@ -62,8 +55,7 @@ export const LocalLoginProvider = (props: { children: React.ReactNode }) => {
           />
           <button
             type="submit"
-            className={`group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white ${isValidEmail ? "bg-dwdarkblue" : "bg-dwdarkblue/50"}  focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-dwdarkblue`}
-            disabled={!isValidEmail}
+            className={`group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-dwdarkblue focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-dwdarkblue`}
           >
             Get started!
           </button>

ui/sdk/src/hamilton_sdk/driver.py

@@ -265,7 +265,7 @@ def __init__(
         :param modules: Modules to use, same as standard Hamilton driver.
         :param project_id: Identifier for the project to use to store this DAG under.
         :param api_key: API key to use for authentication. Remember not to save this in plaintext!
-        :param username: email address to use for authentication.
+        :param username: username for authentication.
         :param dag_name: name for this DAG. You will use this for top level curation of DAGs
         within a project.
         :param tags: Optional key value string pairs to help identify and curate this instance of