From 601b0324b80a1d618e9e53978d7ce9baf2672b4a Mon Sep 17 00:00:00 2001
From: sageTheDM <info@photofuel.tech>
Date: Tue, 8 Oct 2024 07:22:09 +0200
Subject: [PATCH 1/4] Removed the empty account creation bug
---
app/components/Login.tsx | 14 +++++++++-----
1 file changed, 9 insertions(+), 5 deletions(-)
diff --git a/app/components/Login.tsx b/app/components/Login.tsx
index a2c0f7f..146e86c 100644
--- a/app/components/Login.tsx
+++ b/app/components/Login.tsx
@@ -79,12 +79,16 @@ const Login: React.FC = () => {
// Function to handle account creation
const handleCreateAccount = async () => {
- const success = await createAccount(newAccountName, newAccountEmail, newAccountPassword);
- if (success) {
- alert('Account created successfully! You can now log in.');
- toggleSignUpPopup(); // Close sign-up popup
+ if (newAccountName !== "" && newAccountEmail !== "" && newAccountPassword !== "") {
+ const success = await createAccount(newAccountName, newAccountEmail, newAccountPassword);
+ if (success) {
+ alert('Account created successfully! You can now log in.');
+ toggleSignUpPopup(); // Close sign-up popup
+ } else {
+ alert('Account creation failed. Please try again.');
+ }
} else {
- alert('Account creation failed. Please try again.');
+ alert('Account creation failed. Please do not leave any field empty.');
}
};
From d1602e3ad7f6e50a683113d0df08a379acf0f0a9 Mon Sep 17 00:00:00 2001
From: sageTheDM <info@photofuel.tech>
Date: Tue, 8 Oct 2024 07:33:02 +0200
Subject: [PATCH 2/4] Input fields now do update the text color
---
app/components/InputFrontend.tsx | 1 +
app/components/settings/TextSettings.tsx | 1 +
app/styles/input.css | 5 +++++
3 files changed, 7 insertions(+)
diff --git a/app/components/InputFrontend.tsx b/app/components/InputFrontend.tsx
index 9589096..fec7713 100644
--- a/app/components/InputFrontend.tsx
+++ b/app/components/InputFrontend.tsx
@@ -47,6 +47,7 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
value={inputValue}
onChange={handleInputChange}
onKeyDown={handleKeyDown}
+ className='textInputField'
/>
<button type="button" onClick={handleSendClick} disabled={inputDisabled ? true : false}>
<svg style={{ fill: "var(--text-color)" }} viewBox="0 0 512 512" width={20}><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480l0-83.6c0-4 1.5-7.8 4.2-10.8L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z" /></svg>
diff --git a/app/components/settings/TextSettings.tsx b/app/components/settings/TextSettings.tsx
index eca3071..d7ffdf1 100644
--- a/app/components/settings/TextSettings.tsx
+++ b/app/components/settings/TextSettings.tsx
@@ -22,6 +22,7 @@ const TextSetting: React.FC<TextSettingProps> = ({ label, value, setValue, type,
value={value} // Set the current value
onChange={handleTextChange} // Handle input changes
placeholder={placeholder} // Set the placeholder text
+ className='textInputField'
/>
</div>
);
diff --git a/app/styles/input.css b/app/styles/input.css
index dad1d56..7e7456b 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -33,6 +33,11 @@
height: 7vh;
}
+.textInputField::placeholder {
+ color: var(--text-color); /* Change to desired placeholder color */
+ opacity: 1; /* Ensures full opacity (optional) */
+}
+
.input input:focus {
border-color: var(--input-button-hover-color);
}
From 5fc583f64be0e369842b3f15eb868f4b884e5063 Mon Sep 17 00:00:00 2001
From: sageTheDM <info@photofuel.tech>
Date: Tue, 8 Oct 2024 07:35:51 +0200
Subject: [PATCH 3/4] Fixed the animation bug with the h2 (models) for chromium
---
app/styles/global.css | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/app/styles/global.css b/app/styles/global.css
index e3d771c..e31066b 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -66,3 +66,7 @@ input:hover {
select{
background-color: var(--input-background-color);
}
+
+h1, h2, h3, h4, p{
+ color: var(--text-color);
+}
From e512280efdf9f71ab7aed705542501dd9e997cbc Mon Sep 17 00:00:00 2001
From: sageTheDM <info@photofuel.tech>
Date: Tue, 8 Oct 2024 07:41:55 +0200
Subject: [PATCH 4/4] Fonts are now equally bold
---
app/styles/global.css | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/app/styles/global.css b/app/styles/global.css
index e31066b..94ed660 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -69,4 +69,11 @@ select{
h1, h2, h3, h4, p{
color: var(--text-color);
+ font-family: var(--font-family);
+ font-weight: 500;
+}
+
+p{
+ font-weight: 400;
+ font-size: var(--font-size)
}