style(web): correct ui style for menu and project star (#1204)

reearth · Oct 29, 2024 · f51e1a1 · f51e1a1
1 parent 6b7695c
commit f51e1a1
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 14 deletions.
diff --git a/web/src/beta/features/Dashboard/ContentsContainer/Projects/Project/ProjectGridViewItem.tsx b/web/src/beta/features/Dashboard/ContentsContainer/Projects/Project/ProjectGridViewItem.tsx
@@ -55,7 +55,6 @@ const ProjectGridViewItem: FC<ProjectProps> = ({
           <StarButtonWrapper
             isStarred={isStarred ?? false}
             isHovered={isHovered ?? false}
-            isSelected={selectedProjectId === project.id}
           >
             <Button
               iconButton
@@ -130,14 +129,13 @@ const CardImage = styled("div")<{
 }));
 
 const StarButtonWrapper = styled("div")<{
-  isSelected: boolean;
   isStarred: boolean;
   isHovered: boolean;
-}>(({ isSelected, isStarred, isHovered }) => ({
+}>(({ isStarred, isHovered }) => ({
   position: "absolute",
   top: "10px",
   right: "10px",
-  opacity: isSelected || isStarred || isHovered ? 1 : 0
+  opacity: isStarred || isHovered ? 1 : 0
 }));
 
 const CardFooter = styled("div")(({ theme }) => ({

diff --git a/web/src/beta/features/Dashboard/ContentsContainer/Projects/Project/ProjectListViewItem.tsx b/web/src/beta/features/Dashboard/ContentsContainer/Projects/Project/ProjectListViewItem.tsx
@@ -72,7 +72,6 @@ const ProjectListViewItem: FC<ProjectProps> = ({
             <StarButtonWrapper
               isStarred={isStarred ?? false}
               isHovered={isHovered ?? false}
-              isSelected={selectedProjectId === project.id}
             >
               <Button
                 iconButton
@@ -197,11 +196,10 @@ const ActionCol = styled("div")(() => ({
 }));
 
 const StarButtonWrapper = styled("div")<{
-  isSelected: boolean;
   isStarred: boolean;
   isHovered: boolean;
-}>(({ isSelected, isStarred, isHovered }) => ({
-  opacity: isSelected || isStarred || isHovered ? 1 : 0
+}>(({ isStarred, isHovered }) => ({
+  opacity: isStarred || isHovered ? 1 : 0
 }));
 
 const TitleWrapper = styled("div")(({ theme }) => ({

diff --git a/web/src/beta/features/Editor/Map/LayerStylePanel/PresetLayerStyle/presetLayerStyles.ts b/web/src/beta/features/Editor/Map/LayerStylePanel/PresetLayerStyle/presetLayerStyles.ts
@@ -1,7 +1,7 @@
 import { LayerAppearanceTypes } from "@reearth/core";
 import { LayerStyle } from "@reearth/services/api/layerStyleApi/utils";
 
-export const defaultStyle: Partial <LayerAppearanceTypes>   = {
+export const defaultStyle: Partial<LayerAppearanceTypes> = {
   marker: {
     heightReference: "clamp"
   },

diff --git a/web/src/beta/features/ProjectSettings/hooks.ts b/web/src/beta/features/ProjectSettings/hooks.ts
@@ -118,7 +118,15 @@ export default ({ projectId }: Props) => {
     if (status === "success") {
       navigate(`/dashboard/${workspaceId}/`);
     }
-  }, [client.cache, disabled, handleProjectPublish, navigate, projectId, useUpdateProjectRemove, workspaceId]);
+  }, [
+    client.cache,
+    disabled,
+    handleProjectPublish,
+    navigate,
+    projectId,
+    useUpdateProjectRemove,
+    workspaceId
+  ]);
 
   const handleUpdateProjectBasicAuth = useCallback(
     async (settings: PublicBasicAuthSettingsType) => {

diff --git a/web/src/beta/features/Visualizer/Crust/Plugins/hooks/useLayers.ts b/web/src/beta/features/Visualizer/Crust/Plugins/hooks/useLayers.ts
@@ -64,7 +64,6 @@ export default ({
     [engineRef]
   );
 
-
   const selectLayer = useCallback(
     (layerId: string | undefined) => {
       layersRef?.select(layerId);

diff --git a/web/src/beta/features/Visualizer/Crust/Widgets/Widget/index.tsx b/web/src/beta/features/Visualizer/Crust/Widgets/Widget/index.tsx
@@ -74,7 +74,7 @@ export type Context = {
   findPhotooverlayLayer?: (
     id: string
   ) => { title?: string; lat: number; lng: number; height: number } | undefined;
-  getCredits?: () => Credit[] | undefined
+  getCredits?: () => Credit[] | undefined;
 };
 
 export type ComponentProps<P = any> = Omit<Props, "widget" | "renderWidget"> & {

diff --git a/web/src/beta/features/Visualizer/Crust/index.tsx b/web/src/beta/features/Visualizer/Crust/index.tsx
@@ -241,7 +241,7 @@ export default function Crust({
     viewerProperty,
     initialCamera,
     selectedLayerId,
-    timelineManagerRef: mapRef?.current?.timeline,
+    timelineManagerRef: mapRef?.current?.timeline
   });
 
   const featuredInfobox = useMemo(() => {

diff --git a/web/src/beta/lib/reearth-ui/components/PopupMenu/index.tsx b/web/src/beta/lib/reearth-ui/components/PopupMenu/index.tsx
@@ -313,7 +313,8 @@ const StyledLink = styled(Link)(() => ({
 
 const IconWrapper = styled("div")(() => ({
   flexGrow: 0,
-  flexShrink: 0
+  flexShrink: 0,
+  fontSize: 0
 }));
 const SubMenuHeader = styled("div")(({ theme }) => ({
   color: theme.content.weak,