Mirror/gitea-mirror
1
0
Fork 0
mirror of https://github.com/RayLabsHQ/gitea-mirror.git synced 2025-12-09 13:06:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

refactor: clean up imports and improve layout in OrganizationStrategy component

Browse Source
This commit is contained in:
Arunavo Ray
2025-06-17 12:59:29 +05:30
parent 01647445f2
commit f07ae220b0
2 changed files with 3 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/config/GiteaConfigForm.tsx
View File

@@ -3,23 +3,12 @@ import { Button } from "@/components/ui/button";
import { import {
Card, Card,
CardContent, CardContent,
CardFooter,
CardHeader, CardHeader,
CardTitle, CardTitle,
} from "@/components/ui/card"; } from "@/components/ui/card";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "../ui/select";
import { Checkbox } from "../ui/checkbox";
import { giteaApi } from "@/lib/api"; import { giteaApi } from "@/lib/api";
import type { GiteaConfig, GiteaOrgVisibility, MirrorStrategy } from "@/types/config"; import type { GiteaConfig, MirrorStrategy } from "@/types/config";
import { toast } from "sonner"; import { toast } from "sonner";
import { Info } from "lucide-react";
import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
import { OrganizationStrategy } from "./OrganizationStrategy"; import { OrganizationStrategy } from "./OrganizationStrategy";
import { Separator } from "../ui/separator"; import { Separator } from "../ui/separator";

6
src/components/config/OrganizationStrategy.tsx
View File

@@ -3,7 +3,6 @@ import { Card } from "@/components/ui/card";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"; import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
import { Badge } from "@/components/ui/badge";
import { Info, GitBranch, FolderTree, Package, Star, Building2, User, ChevronDown, ChevronUp, Globe, Lock, Shield } from "lucide-react"; import { Info, GitBranch, FolderTree, Package, Star, Building2, User, ChevronDown, ChevronUp, Globe, Lock, Shield } from "lucide-react";
import { Separator } from "@/components/ui/separator"; import { Separator } from "@/components/ui/separator";
import { import {
@@ -284,7 +283,7 @@ export const OrganizationStrategy: React.FC<OrganizationStrategyProps> = ({
</div> </div>
<RadioGroup value={strategy} onValueChange={onStrategyChange}> <RadioGroup value={strategy} onValueChange={onStrategyChange}>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 2xl:grid-cols-2 gap-4">
{(Object.entries(strategyConfig) as [MirrorStrategy, typeof strategyConfig.preserve][]).map(([key, config]) => { {(Object.entries(strategyConfig) as [MirrorStrategy, typeof strategyConfig.preserve][]).map(([key, config]) => {
const isSelected = strategy === key; const isSelected = strategy === key;
const Icon = config.icon; const Icon = config.icon;
@@ -337,12 +336,11 @@ export const OrganizationStrategy: React.FC<OrganizationStrategyProps> = ({
</PopoverTrigger> </PopoverTrigger>
<PopoverContent side="left" align="center" className="w-64"> <PopoverContent side="left" align="center" className="w-64">
<div className="space-y-2"> <div className="space-y-2">
<h5 className="font-medium text-sm mb-2">Details</h5>
{config.details.map((detail, idx) => ( {config.details.map((detail, idx) => (
<div key={idx} className="flex items-start gap-2"> <div key={idx} className="flex items-start gap-2">
<div className={cn( <div className={cn(
"h-1.5 w-1.5 rounded-full mt-1.5 flex-shrink-0", "h-1.5 w-1.5 rounded-full mt-1.5 flex-shrink-0",
config.bgColor "bg-muted-foreground"
)} /> )} />
<span className="text-xs text-muted-foreground">{detail}</span> <span className="text-xs text-muted-foreground">{detail}</span>
</div> </div>