Skip to content

Commit b123458

Browse files
DarianMDarianM
committed
indent?
1 parent 2ce1898 commit b123458

File tree

1 file changed

+89
-92
lines changed

1 file changed

+89
-92
lines changed

‎frontend/app/routes/offerwall.tsx‎

Lines changed: 89 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -144,116 +144,113 @@ export default function Offerwall() {
144144
<Divider className="!my-3xl" />
145145

146146
<div className="flex flex-col min-h-[756px] px-md xl:flex-row xl:items-start gap-lg">
147-
<div
148-
id="steps-indicator"
149-
className="hidden xl:block w-[60px] flex-shrink-0 pt-md"
150-
>
151-
<StepsIndicator
152-
steps={[
153-
{
154-
number: 1,
155-
label: 'Connect',
156-
status: snap.walletConnectStep,
157-
},
158-
{
159-
number: 2,
160-
label: 'Build',
161-
status: snap.buildStep,
162-
},
163-
]}
147+
<div
148+
id="steps-indicator"
149+
className="hidden xl:block w-[60px] flex-shrink-0 pt-md"
150+
>
151+
<StepsIndicator
152+
steps={[
153+
{
154+
number: 1,
155+
label: 'Connect',
156+
status: snap.walletConnectStep,
157+
},
158+
{
159+
number: 2,
160+
label: 'Build',
161+
status: snap.buildStep,
162+
},
163+
]}
164+
/>
165+
</div>
166+
167+
<div className="flex flex-col gap-2xl xl:gap-12 flex-1">
168+
<div id="wallet-address" ref={walletAddressRef}>
169+
<MobileStepsIndicator
170+
number={1}
171+
label="Connect"
172+
status={snap.walletConnectStep}
164173
/>
174+
<ToolsWalletAddress toolName="offerwall experience" />
165175
</div>
166176

167-
<div className="flex flex-col gap-2xl xl:gap-12 flex-1">
168-
<div id="wallet-address" ref={walletAddressRef}>
177+
<div className="flex flex-col xl:flex-row gap-2xl">
178+
<div id="builder" className="w-full xl:max-w-[628px] xl:flex-1">
169179
<MobileStepsIndicator
170-
number={1}
171-
label="Connect"
172-
status={snap.walletConnectStep}
180+
number={2}
181+
label="Build"
182+
status={snap.buildStep}
173183
/>
174-
<ToolsWalletAddress toolName="offerwall experience" />
175-
</div>
176184

177-
<div className="flex flex-col xl:flex-row gap-2xl">
178-
<div
179-
id="builder"
180-
className="w-full xl:max-w-[628px] xl:flex-1"
185+
<BuilderProfileTabs
186+
idPrefix="profile"
187+
options={offerwallSnap.profileTabs}
188+
selectedId={snap.activeTab}
189+
onChange={(profileId) =>
190+
toolActions.setActiveTab(profileId)
191+
}
192+
onRename={(name) => actions.setProfileName(name)}
181193
>
182-
<MobileStepsIndicator
183-
number={2}
184-
label="Build"
185-
status={snap.buildStep}
194+
<OfferwallBuilder
195+
onRefresh={() => actions.resetProfileSection()}
186196
/>
197+
</BuilderProfileTabs>
187198

188-
<BuilderProfileTabs
189-
idPrefix="profile"
190-
options={offerwallSnap.profileTabs}
191-
selectedId={snap.activeTab}
192-
onChange={(profileId) =>
193-
toolActions.setActiveTab(profileId)
194-
}
195-
onRename={(name) => actions.setProfileName(name)}
196-
>
197-
<OfferwallBuilder
198-
onRefresh={() => actions.resetProfileSection()}
199-
/>
200-
</BuilderProfileTabs>
201-
202-
<div
203-
id="builder-actions"
204-
className="xl:flex xl:items-center xl:justify-end xl:gap-sm xl:mt-lg xl:static xl:bg-transparent xl:p-0 xl:border-0 xl:backdrop-blur-none xl:flex-row
199+
<div
200+
id="builder-actions"
201+
className="xl:flex xl:items-center xl:justify-end xl:gap-sm xl:mt-lg xl:static xl:bg-transparent xl:p-0 xl:border-0 xl:backdrop-blur-none xl:flex-row
205202
fixed bottom-0 left-0 right-0 flex flex-col gap-xs px-md sm:px-lg md:px-xl py-md bg-interface-bg-stickymenu/95 backdrop-blur-[20px] border-t border-field-border z-40"
203+
>
204+
<div
205+
id="builder-actions-inner"
206+
className="xl:contents flex flex-col gap-xs mx-auto w-full xl:w-auto xl:p-0 xl:mx-0 xl:flex-row xl:gap-sm"
206207
>
207-
<div
208-
id="builder-actions-inner"
209-
className="xl:contents flex flex-col gap-xs mx-auto w-full xl:w-auto xl:p-0 xl:mx-0 xl:flex-row xl:gap-sm"
210-
>
211-
<ToolsSecondaryButton
212-
className="xl:w-[150px] xl:rounded-lg
208+
<ToolsSecondaryButton
209+
className="xl:w-[150px] xl:rounded-lg
213210
w-full min-w-0 border-0 xl:border order-last xl:order-first"
214-
disabled={isLoading}
215-
onClick={() => handleSave('save-success')}
216-
>
217-
<div className="flex items-center justify-center gap-2">
218-
{isLoading && <SVGSpinner className="w-4 h-4" />}
219-
<span>
220-
{isLoading ? 'Saving...' : 'Save edits only'}
221-
</span>
222-
</div>
223-
</ToolsSecondaryButton>
224-
<ToolsPrimaryButton
225-
icon="script"
226-
iconPosition={isLoadingScript ? 'none' : 'left'}
227-
className="xl:w-[250px] xl:rounded-lg
211+
disabled={isLoading}
212+
onClick={() => handleSave('save-success')}
213+
>
214+
<div className="flex items-center justify-center gap-2">
215+
{isLoading && <SVGSpinner className="w-4 h-4" />}
216+
<span>
217+
{isLoading ? 'Saving...' : 'Save edits only'}
218+
</span>
219+
</div>
220+
</ToolsSecondaryButton>
221+
<ToolsPrimaryButton
222+
icon="script"
223+
iconPosition={isLoadingScript ? 'none' : 'left'}
224+
className="xl:w-[250px] xl:rounded-lg
228225
w-full min-w-0 order-first xl:order-last"
229-
disabled={isLoadingScript}
230-
onClick={() => handleSave('script')}
231-
>
232-
<div className="flex items-center justify-center gap-xs">
233-
{isLoadingScript && (
234-
<SVGSpinner className="w-4 h-4" />
235-
)}
236-
<span>
237-
{isLoadingScript
238-
? 'Saving...'
239-
: 'Save and generate script'}
240-
</span>
241-
</div>
242-
</ToolsPrimaryButton>
243-
</div>
226+
disabled={isLoadingScript}
227+
onClick={() => handleSave('script')}
228+
>
229+
<div className="flex items-center justify-center gap-xs">
230+
{isLoadingScript && (
231+
<SVGSpinner className="w-4 h-4" />
232+
)}
233+
<span>
234+
{isLoadingScript
235+
? 'Saving...'
236+
: 'Save and generate script'}
237+
</span>
238+
</div>
239+
</ToolsPrimaryButton>
244240
</div>
245241
</div>
242+
</div>
246243

247-
<div
248-
id="preview"
249-
className="w-full mx-auto xl:mx-0 xl:sticky xl:top-md xl:self-start xl:flex-shrink-0 xl:w-[504px] h-fit"
250-
>
251-
<BuilderBackground>
252-
<OfferwallPreview />
253-
</BuilderBackground>
254-
</div>
244+
<div
245+
id="preview"
246+
className="w-full mx-auto xl:mx-0 xl:sticky xl:top-md xl:self-start xl:flex-shrink-0 xl:w-[504px] h-fit"
247+
>
248+
<BuilderBackground>
249+
<OfferwallPreview />
250+
</BuilderBackground>
255251
</div>
256252
</div>
253+
</div>
257254
</div>
258255
</div>
259256
</div>

0 commit comments

Comments
 (0)