Skip to content

Commit 2d54eda

Browse files
Gerome-ElassaadGerome-Elassaad
committed
Update deploy components
1 parent c798148 commit 2d54eda

6 files changed

Lines changed: 127 additions & 125 deletions

File tree

‎app/components/deploy/DeployAlert.tsx‎

Lines changed: 28 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
2121
animate={{ opacity: 1, y: 0 }}
2222
exit={{ opacity: 0, y: -20 }}
2323
transition={{ duration: 0.3 }}
24-
className={`rounded-lg border border-bolt-elements-borderColor bg-bolt-elements-background-depth-2 p-4 mb-2`}
24+
className={`rounded-lg border border-codinit-elements-borderColor bg-codinit-elements-background-depth-2 p-4 mb-2`}
2525
>
2626
<div className="flex items-start">
2727
{/* Icon */}
@@ -35,10 +35,10 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
3535
className={classNames(
3636
'text-xl',
3737
type === 'success'
38-
? 'i-ph:check-circle-duotone text-bolt-elements-icon-success'
38+
? 'i-ph:check-circle-duotone text-codinit-elements-icon-success'
3939
: type === 'error'
40-
? 'i-ph:warning-duotone text-bolt-elements-button-danger-text'
41-
: 'i-ph:info-duotone text-bolt-elements-loader-progress',
40+
? 'i-ph:warning-duotone text-codinit-elements-button-danger-text'
41+
: 'i-ph:info-duotone text-codinit-elements-loader-progress',
4242
)}
4343
></div>
4444
</motion.div>
@@ -48,15 +48,15 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
4848
initial={{ opacity: 0 }}
4949
animate={{ opacity: 1 }}
5050
transition={{ delay: 0.1 }}
51-
className={`text-sm font-medium text-bolt-elements-textPrimary`}
51+
className={`text-sm font-medium text-codinit-elements-textPrimary`}
5252
>
5353
{title}
5454
</motion.h3>
5555
<motion.div
5656
initial={{ opacity: 0 }}
5757
animate={{ opacity: 1 }}
5858
transition={{ delay: 0.2 }}
59-
className={`mt-2 text-sm text-bolt-elements-textSecondary`}
59+
className={`mt-2 text-sm text-codinit-elements-textSecondary`}
6060
>
6161
<p>{description}</p>
6262

@@ -70,12 +70,12 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
7070
className={classNames(
7171
'w-6 h-6 rounded-full flex items-center justify-center',
7272
buildStatus === 'running'
73-
? 'bg-bolt-elements-loader-progress'
73+
? 'bg-codinit-elements-loader-progress'
7474
: buildStatus === 'complete'
75-
? 'bg-bolt-elements-icon-success'
75+
? 'bg-codinit-elements-icon-success'
7676
: buildStatus === 'failed'
77-
? 'bg-bolt-elements-button-danger-background'
78-
: 'bg-bolt-elements-textTertiary',
77+
? 'bg-codinit-elements-button-danger-background'
78+
: 'bg-codinit-elements-textTertiary',
7979
)}
8080
>
8181
{buildStatus === 'running' ? (
@@ -95,7 +95,9 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
9595
<div
9696
className={classNames(
9797
'h-0.5 w-8',
98-
buildStatus === 'complete' ? 'bg-bolt-elements-icon-success' : 'bg-bolt-elements-textTertiary',
98+
buildStatus === 'complete'
99+
? 'bg-codinit-elements-icon-success'
100+
: 'bg-codinit-elements-textTertiary',
99101
)}
100102
></div>
101103

@@ -105,12 +107,12 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
105107
className={classNames(
106108
'w-6 h-6 rounded-full flex items-center justify-center',
107109
deployStatus === 'running'
108-
? 'bg-bolt-elements-loader-progress'
110+
? 'bg-codinit-elements-loader-progress'
109111
: deployStatus === 'complete'
110-
? 'bg-bolt-elements-icon-success'
112+
? 'bg-codinit-elements-icon-success'
111113
: deployStatus === 'failed'
112-
? 'bg-bolt-elements-button-danger-background'
113-
: 'bg-bolt-elements-textTertiary',
114+
? 'bg-codinit-elements-button-danger-background'
115+
: 'bg-codinit-elements-textTertiary',
114116
)}
115117
>
116118
{deployStatus === 'running' ? (
@@ -130,7 +132,7 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
130132
)}
131133

132134
{content && (
133-
<div className="text-xs text-bolt-elements-textSecondary p-2 bg-bolt-elements-background-depth-3 rounded mt-4 mb-4">
135+
<div className="text-xs text-codinit-elements-textSecondary p-2 bg-codinit-elements-background-depth-3 rounded mt-4 mb-4">
134136
{content}
135137
</div>
136138
)}
@@ -140,7 +142,7 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
140142
href={url}
141143
target="_blank"
142144
rel="noopener noreferrer"
143-
className="text-bolt-elements-item-contentAccent hover:underline flex items-center"
145+
className="text-codinit-elements-item-contentAccent hover:underline flex items-center"
144146
>
145147
<span className="mr-1">View deployed site</span>
146148
<div className="i-ph:arrow-square-out"></div>
@@ -164,25 +166,25 @@ export default function DeployChatAlert({ alert, clearAlert, postMessage }: Depl
164166
}
165167
className={classNames(
166168
`px-2 py-1.5 rounded-md text-sm font-medium`,
167-
'bg-bolt-elements-button-primary-background',
168-
'hover:bg-bolt-elements-button-primary-backgroundHover',
169-
'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-bolt-elements-button-danger-background',
170-
'text-bolt-elements-button-primary-text',
169+
'bg-codinit-elements-button-primary-background',
170+
'hover:bg-codinit-elements-button-primary-backgroundHover',
171+
'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-codinit-elements-button-danger-background',
172+
'text-codinit-elements-button-primary-text',
171173
'flex items-center gap-1.5',
172174
)}
173175
>
174176
<div className="i-ph:chat-circle-duotone"></div>
175-
Ask Bolt
177+
Ask codinit
176178
</button>
177179
)}
178180
<button
179181
onClick={clearAlert}
180182
className={classNames(
181183
`px-2 py-1.5 rounded-md text-sm font-medium`,
182-
'bg-bolt-elements-button-secondary-background',
183-
'hover:bg-bolt-elements-button-secondary-backgroundHover',
184-
'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-bolt-elements-button-secondary-background',
185-
'text-bolt-elements-button-secondary-text',
184+
'bg-codinit-elements-button-secondary-background',
185+
'hover:bg-codinit-elements-button-secondary-backgroundHover',
186+
'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-codinit-elements-button-secondary-background',
187+
'text-codinit-elements-button-secondary-text',
186188
)}
187189
>
188190
Dismiss

‎app/components/deploy/DeployButton.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -138,8 +138,8 @@ export const DeployButton = ({
138138
isDeploying && deployingTo === 'netlify'
139139
? 'border-teal-500 bg-teal-500/20'
140140
: netlifyConn.user
141-
? 'border-bolt-elements-borderColor hover:border-teal-500 hover:bg-teal-500/10 hover:scale-110'
142-
: 'border-bolt-elements-borderColor/30 opacity-40 cursor-not-allowed',
141+
? 'border-codinit-elements-borderColor hover:border-teal-500 hover:bg-teal-500/10 hover:scale-110'
142+
: 'border-codinit-elements-borderColor/30 opacity-40 cursor-not-allowed',
143143
)}
144144
>
145145
<img className="w-5 h-5" crossOrigin="anonymous" src="https://cdn.simpleicons.org/netlify" alt="Netlify" />
@@ -161,8 +161,8 @@ export const DeployButton = ({
161161
isDeploying && deployingTo === 'vercel'
162162
? 'border-white bg-white/20'
163163
: vercelConn.user
164-
? 'border-bolt-elements-borderColor hover:border-white hover:bg-white/10 hover:scale-110'
165-
: 'border-bolt-elements-borderColor/30 opacity-40 cursor-not-allowed',
164+
? 'border-codinit-elements-borderColor hover:border-white hover:bg-white/10 hover:scale-110'
165+
: 'border-codinit-elements-borderColor/30 opacity-40 cursor-not-allowed',
166166
)}
167167
>
168168
<img
@@ -188,7 +188,7 @@ export const DeployButton = ({
188188
'flex items-center justify-center',
189189
isDeploying && deployingTo === 'github'
190190
? 'border-gray-400 bg-gray-400/20'
191-
: 'border-bolt-elements-borderColor hover:border-gray-400 hover:bg-gray-400/10 hover:scale-110',
191+
: 'border-codinit-elements-borderColor hover:border-gray-400 hover:bg-gray-400/10 hover:scale-110',
192192
)}
193193
>
194194
<img
@@ -210,8 +210,8 @@ export const DeployButton = ({
210210
isDeploying && deployingTo === 'gitlab'
211211
? 'border-orange-500 bg-orange-500/20'
212212
: gitlabIsConnected
213-
? 'border-bolt-elements-borderColor hover:border-orange-500 hover:bg-orange-500/10 hover:scale-110'
214-
: 'border-bolt-elements-borderColor/30 opacity-40 cursor-not-allowed',
213+
? 'border-codinit-elements-borderColor hover:border-orange-500 hover:bg-orange-500/10 hover:scale-110'
214+
: 'border-codinit-elements-borderColor/30 opacity-40 cursor-not-allowed',
215215
)}
216216
>
217217
<img className="w-5 h-5" crossOrigin="anonymous" src="https://cdn.simpleicons.org/gitlab" alt="GitLab" />
@@ -222,7 +222,7 @@ export const DeployButton = ({
222222
disabled
223223
title="Deploy to Cloudflare (Coming Soon)"
224224
className={classNames(
225-
'w-9 h-9 rounded-lg border border-bolt-elements-borderColor/30',
225+
'w-9 h-9 rounded-lg border border-codinit-elements-borderColor/30',
226226
'flex items-center justify-center',
227227
'opacity-30 cursor-not-allowed',
228228
)}

‎app/components/deploy/GitHubDeploy.client.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ export function useGitHubDeploy() {
148148
return {
149149
success: true,
150150
files: fileContents,
151-
projectName: artifact.title || 'bolt-project',
151+
projectName: artifact.title || 'codinit-project',
152152
};
153153
} catch (err) {
154154
console.error('GitHub deploy error:', err);

0 commit comments

Comments
 (0)