style: apply formatting to workspace detail extraction
Post-write formatter pass on components extracted for reorganize-long-files. No behavioral changes.
This commit is contained in:
@@ -11,7 +11,9 @@ export interface WorkspaceDetailHeaderProps {
|
||||
};
|
||||
}
|
||||
|
||||
export function WorkspaceDetailHeader({ workspace }: WorkspaceDetailHeaderProps) {
|
||||
export function WorkspaceDetailHeader({
|
||||
workspace,
|
||||
}: WorkspaceDetailHeaderProps) {
|
||||
return (
|
||||
<header className="workspace-header">
|
||||
<div className="workspace-breadcrumb">
|
||||
|
||||
@@ -101,9 +101,15 @@ export function WorkspaceFilePanel({ workspaceId }: WorkspaceFilePanelProps) {
|
||||
>
|
||||
Commit
|
||||
</button>
|
||||
<button onClick={push} type="button">Push</button>
|
||||
<button onClick={pull} type="button">Pull</button>
|
||||
<button onClick={fetch} type="button">Fetch</button>
|
||||
<button onClick={push} type="button">
|
||||
Push
|
||||
</button>
|
||||
<button onClick={pull} type="button">
|
||||
Pull
|
||||
</button>
|
||||
<button onClick={fetch} type="button">
|
||||
Fetch
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@@ -154,10 +160,7 @@ export function WorkspaceFilePanel({ workspaceId }: WorkspaceFilePanelProps) {
|
||||
onChange={(e) => setEditContent(e.target.value)}
|
||||
/>
|
||||
<div className="file-editor-actions">
|
||||
<button
|
||||
onClick={() => setIsEditing(false)}
|
||||
type="button"
|
||||
>
|
||||
<button onClick={() => setIsEditing(false)} type="button">
|
||||
Cancel
|
||||
</button>
|
||||
<button onClick={handleSave} type="button">
|
||||
@@ -166,9 +169,7 @@ export function WorkspaceFilePanel({ workspaceId }: WorkspaceFilePanelProps) {
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<pre className="file-content">
|
||||
{content || "Loading..."}
|
||||
</pre>
|
||||
<pre className="file-content">{content || "Loading..."}</pre>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
|
||||
@@ -6,7 +6,9 @@ interface WorkspaceSettingsPanelProps {
|
||||
workspace: Workspace;
|
||||
}
|
||||
|
||||
export function WorkspaceSettingsPanel({ workspace }: WorkspaceSettingsPanelProps) {
|
||||
export function WorkspaceSettingsPanel({
|
||||
workspace,
|
||||
}: WorkspaceSettingsPanelProps) {
|
||||
return (
|
||||
<div className="settings-tab">
|
||||
<div className="settings-section">
|
||||
|
||||
@@ -45,7 +45,10 @@ export function WorkspaceTabBar({ active, onChange }: WorkspaceTabBarProps) {
|
||||
);
|
||||
}
|
||||
|
||||
export function WorkspaceMobileTabBar({ active, onChange }: WorkspaceTabBarProps) {
|
||||
export function WorkspaceMobileTabBar({
|
||||
active,
|
||||
onChange,
|
||||
}: WorkspaceTabBarProps) {
|
||||
return (
|
||||
<nav className="mobile-tab-bar" role="tablist">
|
||||
{TABS.map((tab) => (
|
||||
|
||||
@@ -47,9 +47,7 @@ export function WorkspaceDetailPage() {
|
||||
{activeTab === "git" && (
|
||||
<WorkspaceGitPanel workspaceId={workspace.id} />
|
||||
)}
|
||||
{activeTab === "tools" && (
|
||||
<WorkspaceToolsPanel workspace={workspace} />
|
||||
)}
|
||||
{activeTab === "tools" && <WorkspaceToolsPanel workspace={workspace} />}
|
||||
{activeTab === "settings" && (
|
||||
<WorkspaceSettingsPanel workspace={workspace} />
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user