leaflet.pub
a tool for shared writing and social publishing
more fixing type errors
cozylittle.house
+5
-5
app/(home-pages)/home/Actions/AccountSettings.tsx
+5
-5
app/(home-pages)/home/Actions/AccountSettings.tsx
···
84
<div className="flex flex-col gap-0.5">
85
<AccountSettingsHeader
86
state={"general"}
87
-
backToMenu={() => props.backToMenu()}
88
/>
89
90
<button
···
108
<div className="flex flex-col gap-0.5">
109
<AccountSettingsHeader
110
state={"theme"}
111
-
backToMenu={() => props.backToMenu()}
112
/>
113
<ThemeSetterContent entityID={props.entityID} home />
114
</div>
···
116
};
117
export const AccountSettingsHeader = (props: {
118
state: "menu" | "general" | "theme";
119
-
backToMenu?: () => void;
120
}) => {
121
return (
122
<div className="flex justify-between font-bold text-secondary bg-border-light -mx-3 -mt-2 px-3 pt-2 pb-1 mb-1">
···
127
: props.state === "theme"
128
? "Publication Theme"
129
: ""}
130
-
{props.backToMenu && (
131
<button
132
type="button"
133
onClick={() => {
134
-
props.backToMenu && props.backToMenu();
135
}}
136
>
137
<GoBackSmall className="text-accent-contrast" />
···
84
<div className="flex flex-col gap-0.5">
85
<AccountSettingsHeader
86
state={"general"}
87
+
backToMenuAction={() => props.backToMenu()}
88
/>
89
90
<button
···
108
<div className="flex flex-col gap-0.5">
109
<AccountSettingsHeader
110
state={"theme"}
111
+
backToMenuAction={() => props.backToMenu()}
112
/>
113
<ThemeSetterContent entityID={props.entityID} home />
114
</div>
···
116
};
117
export const AccountSettingsHeader = (props: {
118
state: "menu" | "general" | "theme";
119
+
backToMenuAction?: () => void;
120
}) => {
121
return (
122
<div className="flex justify-between font-bold text-secondary bg-border-light -mx-3 -mt-2 px-3 pt-2 pb-1 mb-1">
···
127
: props.state === "theme"
128
? "Publication Theme"
129
: ""}
130
+
{props.backToMenuAction && (
131
<button
132
type="button"
133
onClick={() => {
134
+
props.backToMenuAction && props.backToMenuAction();
135
}}
136
>
137
<GoBackSmall className="text-accent-contrast" />
+2
-2
app/lish/[did]/[publication]/dashboard/Actions.tsx
+2
-2
app/lish/[did]/[publication]/dashboard/Actions.tsx
+6
-6
app/lish/createPub/UpdatePubForm.tsx
+6
-6
app/lish/createPub/UpdatePubForm.tsx
···
23
import { PubSettingsHeader } from "../[did]/[publication]/dashboard/Actions";
24
25
export const EditPubForm = (props: {
26
-
backToMenu: () => void;
27
loading: boolean;
28
-
setLoading: (l: boolean) => void;
29
}) => {
30
let { data } = usePublicationData();
31
let { publication: pubData } = data || {};
···
65
onSubmit={async (e) => {
66
if (!pubData) return;
67
e.preventDefault();
68
-
props.setLoading(true);
69
console.log("step 1:update");
70
let data = await updatePublication({
71
uri: pubData.uri,
···
78
},
79
});
80
toast({ type: "success", content: "Updated!" });
81
-
props.setLoading(false);
82
mutate("publication-data");
83
}}
84
>
85
<PubSettingsHeader
86
loading={props.loading}
87
-
setLoadingAction={props.setLoading}
88
-
backToMenuAction={props.backToMenu}
89
state={"theme"}
90
/>
91
<div className="flex flex-col gap-3 w-[1000px] max-w-full pb-2">
···
23
import { PubSettingsHeader } from "../[did]/[publication]/dashboard/Actions";
24
25
export const EditPubForm = (props: {
26
+
backToMenuAction: () => void;
27
loading: boolean;
28
+
setLoadingAction: (l: boolean) => void;
29
}) => {
30
let { data } = usePublicationData();
31
let { publication: pubData } = data || {};
···
65
onSubmit={async (e) => {
66
if (!pubData) return;
67
e.preventDefault();
68
+
props.setLoadingAction(true);
69
console.log("step 1:update");
70
let data = await updatePublication({
71
uri: pubData.uri,
···
78
},
79
});
80
toast({ type: "success", content: "Updated!" });
81
+
props.setLoadingAction(false);
82
mutate("publication-data");
83
}}
84
>
85
<PubSettingsHeader
86
loading={props.loading}
87
+
setLoadingAction={props.setLoadingAction}
88
+
backToMenuAction={props.backToMenuAction}
89
state={"theme"}
90
/>
91
<div className="flex flex-col gap-3 w-[1000px] max-w-full pb-2">